Sacha Moufarrege wrote: > Hi, > > I'm finishing up a template for a website and am at the stage where I'm > testing across various browsers. At the moment I'm trying to get the footer > to work properly in IE6. The page is here: > > http://achad.net/pyramid/template.php > > There are two issues; first, I'd like for the footer to only span the middle > area, as it does in Firefox. It seems like this creates issues with the left > and right columns coming down properly, however. Also, when IE6 is resized > in certain ways, the footer seems to come up and overlap the content. Any > advice would be appreciated. > > Also, as this is one of my first fully CSS-based sites from scratch > (normally I do back-end work), I'm open to any advice regarding other things > that you may notice. One thing I'm curious about in particular is whether or > not I'm following best practices on the top navigation. The site is set up > so that the middle column expands (ie. to properly accommodate extremely > high resolutions), and when the browser is resized in certain ways, it > causes the links to move. Should I have them in a fixed position somehow? > > Thanks for your time! > > S >
If you are bound and determined to see it through with a cross-browser equal height columns/sticky footer concept then you may want to consider this article [1] and this layout [2] from that article. Note these are advanced layout concepts that are not easy to pull-off. [1] <http://www.satzansatz.de/cssd/companions.html> [2] <http://www.satzansatz.de/cssd/companions/alabrill5fsa.html> In your current layout, users who prefer their font-size at default [16px], or greater than default, may not be able to access all the content as the footer will overlap it /in any browser/ at 800 and 1024. At 24px and 32px minimum font-size this becomes more problematic in most all window widths. Btw, you are triggering a font-scaling bug in IE browsers. When declaring the font-size in em on the body, add this selector to keep the fonts from going goofy when scaled: html {font-size: 100%; } Fwiw, if you seek a personal opinion, mine would be to abandon the sticky footer concept entirely, simplify the CSS/markup, and allow the content and the software to determine the height of the page [s]. Best, ~d -- desktop http://chelseacreekstudio.com/ mobile http://chelseacreekstudio.mobi/ ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
