What is the simplest way to layout 2 columns? Nothing fancy, just a bit of content in each one. No background colour.
You didn't ask for header and footer, but if you don't want them just remove...
HTML: <body> <div id="header">...some header content...</div> <div id="somecol">...some column content...</div> <div id="someothercol">...some other column content...</div> <div id="footer">...some footer content...</div> </body>
CSS: #somecol { float: left; margin-left: 1%; width: 40%; }
#someothercol {
float: left;
margin-left: 1%;
width: 40%;
}#footer {
clear: both;
}That should just about do it. Simple, relatively unbreakable (anyone object to that statement?)
Increase the widths as appropriate, just remember that percentages are dealt with slightly differently by most browsers (all?) so that widths that work in one may not work in all others - basically, the widths and margins should never amount to 100%, but in some browsers a better number is 98% total
Cheers, Lachlan ****************************************************** The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
