Thanks for that, getting those widths right always annoys me cause the box model doesn't work right!
To expand on the simple 2 column layout, how can I have a fixed width left column (for navigation) and a right column that fills the rest of the space.
This is achieved in tables by setting the left cell to, for example, 150 width, and the right column to 100%.
Thanks, Stephen
----- Original Message ----- From: "Lachlan Hardy" <[EMAIL PROTECTED]>
Sent: Wednesday, March 16, 2005 7:27 PM
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; }
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
-- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.308 / Virus Database: 266.7.3 - Release Date: 15/03/2005
****************************************************** The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
