Posted By: Anonymous
I have been attempting to split a div into two columns using CSS, but I have not managed to get it working yet. My basic structure is as follows:
<div id="content"> <div id="left"> <div id="object1"></div> <div id="object2"></div> </div> <div id="right"> <div id="object3"></div> <div id="object4"></div> </div> </div>
If I attempt to float the right and left divs to their respective positions (right and left), it seems to ignore the content div’s background-color. And other code that I have tried from various websites doesn’t seem to be able to translate to my structure.
Thanks for any help!
When you float those two divs, the content div collapses to zero height. Just add
after the #right div but inside the content div. That will force the content div to surround the two internal, floating divs.