Regarding my earlier message...I tried absolute positioning again for the content, and while I don't have the width problem this time, and don't have the alignment problem I do when using float, I do have varying top margins between IE, FF, and Opera. I've encountered this problem before and worked around it but I need to figure out how to resolve it.
And either way, I am still wondering if I am approaching this time of layout correctly. Debbie www.drk-writing.com Here's the revised code for the absolute positioning: #banner { position: absolute; top: 0; left: 0; } #sidebar { position: absolute; top: 119px; left: 0; } #container { position: absolute; top: 119px; left: 185px; } #content { width: 475px; } /*resume link*/ #resumelink { padding-bottom: 70px; } p.resumelink { font-size: 70%; } /*bottom links, copyright*/ #footer { border-top: 1px solid #2C8F96; width: 475px; } .nav { padding-top: .5em; font-size: 70%; } .copyright { font-size: 65%; color: #2C8F96; } ----- Original Message ----- From: Iorhael To: css-d@lists.css-discuss.org Sent: Thursday, January 12, 2006 7:56 PM Subject: Container coding/alignment problem with float Hi, I need some advice....I am attempting to recode a web site (and possibly others) so that I have everything nested at the same level...that is: container with the content, link, footer, etc. nested underneath. (Previously I had the link and footer inside the content). When I am done with this, I am going to move this out of a template and into php. When I tried this using absolute positioning, I came up with a substantial width difference between IE and FF. So I am trying to float the content. But now the content is not aligning with the other elements in the container...its far over to the right...have tried using a negative left margin to no avail. So I have two questions: 1) What is the standard way of nesting in a situation where you don't have a physical box container? Is my coding correct? (In this case, I am leaving the banner and sidebar *outside* of the container and using absolute positioning for them so that the container properties apply only to the content, resume link, and footer.) 2) How do I fix the alignment problem? I may be all off here. I would really appreciate suggestions on how best to set this up. Thanks! Debbie www.drk-writing.com #banner { position: absolute; top: 0; left: 0; } #sidebar { position: absolute; top: 119px; left: 0; } #container { margin-left: 185px; } #content { float: right; width: 475px; } /* Resume link*/ #resumelink { clear: both; padding-bottom: 60px; } p.resumelink { font-size: 70%; } /*bottom links, copyright*/ #footer { border-top: 1px solid #2C8F96; width: 475px; } .nav { padding-top: .5em; font-size: 70%; } .copyright { font-size: 65%; color: #2C8F96; } ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/