Hi David, You could apply clear: both; to the footer element.
Presuming the code is as the pseudo code you illustrate. Mike Pepper Accessible Web Developer Internet SEO and Marketing Analyst [EMAIL PROTECTED] http://www.visidigm.com Administrator Guild of Accessible Web Designers [EMAIL PROTECTED] http://www.gawds.org -----Original Message----- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of David R Sent: 23 January 2005 20:28 To: wsg@webstandardsgroup.org Subject: [WSG] CSS Footers Hey guys I'm in a muddle here... I'm using CSS to absolutely position my columns, because if I floated them I'd have to re-order my XHTML structure: Presently its like this: (uber-simplification) <body> <!-- Wrappers used for column backgrounds--> <div id="wrapper1"> <div id="wrapper2"> <div id="nav"> <ul> <li>Loads of these</li> </ul> </div> <div id="content"> <p>Lorem Ipsum</p> </div> <div id="sidebar"> <dl> <dt>Loads of these too</dt> <dd>Etc...</dd> </dl> </div> <div id="footer"> <p>Footer info</p> </div> </div> </div> <!-- End wrappers --> </body> With CSS specifying that #nav and #sidebar have definite width and positioned absolutely to left: 0; and right: 0; respectivly. Thing is, when the content of div#content is shorter than the height of either div#navbar or div#sidebar then the footer overlaps either sidebar. I've tried setting both div#wrapper to "min-height: 100%" but no change is observed. Does anyone have any suggestions for getting elements to "clear" floating boxes? Regards -- -David R ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ****************************************************** -- No virus found in this incoming message. Checked by AVG Anti-Virus. Version: 7.0.300 / Virus Database: 265.7.2 - Release Date: 21/01/05 -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.300 / Virus Database: 265.7.2 - Release Date: 21/01/05 ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
