in css how to place divs hotizontally next to each other?
View Single Post
06-21-2008, 04:15 AM
Join Date: Dec 2007
Location: In my basement
Heres a secret:
Most people will tell you to float both the <div>'s left, and make them 50% width.
Ignore those people. (no offense)
That will give you hours of fun if you don't set margins and padding to 0, and even then, the content is all smushed. Set the left div to float:left, and the right div to float:right. Also, just for kicks, set the width of each to 45%.
Next, don't use two classes, because IE6 loves interpreting two classes the right way.
Also, like Folio said, clear the item directly below the floated <div>s. When you float something, you take it out of the order of the page, like lifting a puzzle peice out of a puzzle. When you add something to the page, it will go below the puzzle peices that you just lifted out, unless you make it clear the puzzle peices. Use clear:both to do so, like Folio said.
As for the nature of your question... Why didn't you just read the source code?
Signatures are nothing but incriminating.
View Public Profile
Send a private message to Aaron
Visit Aaron's homepage!
Find More Posts by Aaron