widget.geek
New Member
The sides of this are not expanding to the .content child div... i've been through overflow and i am clearing the div at the end of the last child can anyone help me?Main is the parent div and the child div spawns off of that one.When I change the height in main it works fine but i need to work dynamically\[code\]#main { margin-left: auto; margin-right: auto; margin-top: 10px; width: 90%; position: relative; background-image: url('../images/top.jpg'); background-repeat: repeat-x;}#main .leftside { float: left; width: 47px; height: 100%; background-image: url('../images/left.jpg'); background-repeat: repeat-y;}#main .rightside { float: right; height: 100%; background-image: url('../images/right.jpg'); background-repeat: repeat-y;}#main .content { margin-right: auto; margin-left: auto; float: left; top: 36px; width: 92%; position: relative; background-color: #FFFFFF;}.clear { clear: both; }\[/code\]Here is the HTML code \[code\]<div id='main'> <div class='leftside'> <img src='http://stackoverflow.com/questions/14597261/images/tleft.jpg' alt='' /> </div> <div class='rightside'> <img src='http://stackoverflow.com/questions/14597261/images/tright.jpg' alt='' /> </div> <div class='content'><div>Test</div><div>Test</div><div>Test</div> </div> <div class='clear'></div></div>\[/code\]