appotoaduri
New Member
My html:\[code\]<div id="wrap"><div id="main"><div id="rightmain"> <h1>asdasdasdasd</h1> <h1>asdasdasdasd</h1> <h1>asdasdasdasd</h1> <h1>asdasdasdasd</h1> <h1>asdasdasdasd</h1> <h1>asdasdasdasd</h1></div><div id="leftmain"> <div style=" background:blue;height:20px;width:190px;border:1px solid black;display:block;"> <h1>asdasdasdasd</h1> </div></div> </div>\[/code\]CSS:\[code\]#main {position: relative;}#rightmain { float: right; width: 768px;border:1px solid black;}#leftmain { position: relative; width: 160px;}#wrap { position: relative; width: 960px;}\[/code\]Here is my JSFiddle: http://jsfiddle.net/buyC9/51/How do I get the same eight of the #leftmain div as the #rightmain div? The height of the #rightmain div varies therefore I a can't define the height to example 400px.