Ik zit met het volgende, ik heb een container div (content_container) met daarin content_left en content_right. Beide hebben ze een plaatje als achtergrond. Nu wil ik dat als content_left gevult is content_right ook gewoon meerekt. Wat er nu gebeurt is dat content_right niet langer wordt en ik dus een stukje achtergrond mis rechts. Hoe kan ik ervoor zorgen dat beide div's de zelfde hoogte krijgen ?

#content_container {
width:1024px;
overflow:hidden;
height:auto;
}
#content_left {
background-image:url(img/content_left.png);
width:619px;
float:left;
padding-left:100px;
}
#content_right {
background-image:url(img/content_right.png);
width:305px;
float:left;
}


<div id="content_container">
<div id="content_left"></div>
<div id="content_right"></div>
</div>
Google even voor Fauxcolumns :)
Die ken ik wel ja, hoopte eigenlijk dat het mogelijk was met twee losse div's naast elkaar met allebij een eigen achtergrond. Maargoed heb het nu zo opgelost, bedankt !

Reageren