[WSG] IE footer problem at low resolution
Good morning http://www.westernwebdesign.com.au/test/newindex.html I am having more trouble with this relatively simple design than with far more complicated sites. . The problem only seems to occur in IE at res 800 x 600. At res 1024 x 768 it is fine and in Fx at 800 x 600 it is fine but at the lower res in IE the footer jumps up and some of it disappears behind other content. Have tried all sorts of fixes but obviously not the right one. Hope someone can spot the problem. Thank you Lyn Western Web Design www.westernwebdesign.com.au *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] IE footer problem at low resolution
It's margin-bottom: -40px on #container which is causing the problem. If it's there to make the footer stick to the bottom, you might want to look at a different implementation. On Fri, 23 Feb 2007 10:36:47 +1000, Lyn Patterson <[EMAIL PROTECTED]> wrote: Good morning http://www.westernwebdesign.com.au/test/newindex.html I am having more trouble with this relatively simple design than with far more complicated sites. . The problem only seems to occur in IE at res 800 x 600. At res 1024 x 768 it is fine and in Fx at 800 x 600 it is fine but at the lower res in IE the footer jumps up and some of it disappears behind other content. Have tried all sorts of fixes but obviously not the right one. Hope someone can spot the problem. Thank you Lyn Western Web Design www.westernwebdesign.com.au *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- Tyssen Design www.tyssendesign.com.au Ph: (07) 3300 3303 Mb: 0405 678 590 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] IE footer problem at low resolution
It's margin-bottom: -40px on #container which is causing the problem. If it's there to make the footer stick to the bottom, you might want to look at a different implementation. Thanks John but having removed it, the problem remains. http://www.westernwebdesign.com.au/test/newindex.html I am having more trouble with this relatively simple design than with far more complicated sites. . The problem only seems to occur in IE at res 800 x 600. At res 1024 x 768 it is fine and in Fx at 800 x 600 it is fine but at the lower res in IE the footer jumps up and some of it disappears behind other content. Have tried all sorts of fixes but obviously not the right one. Hope someone can spot the problem. Thank you Lyn Western Web Design www.westernwebdesign.com.au *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] IE footer problem at low resolution
Looks OK at my end. The two other things I'd remove would be: * html, body { height: 100%;} * html #container {height: 1%;} The first one is wrong because there's a comma in there and you're applying a rule that you already have on the body and the second one isn't needed because you've already applied a height to #container. On Fri, 23 Feb 2007 11:08:39 +1000, Lyn Patterson <[EMAIL PROTECTED]> wrote: It's margin-bottom: -40px on #container which is causing the problem. If it's there to make the footer stick to the bottom, you might want to look at a different implementation. Thanks John but having removed it, the problem remains. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- Tyssen Design www.tyssendesign.com.au Ph: (07) 3300 3303 Mb: 0405 678 590 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] IE footer problem at low resolution
Lynn, Check out footerStickAlt from the man in blue - http:// www.themaninblue.com/writing/perspective/2005/08/29/ Your css looks similar - you might read through his write-up and see if there are some clues. I notice that he uses position: relative for the footer, which you don't, and that might keep the footer in the normal flow. Just a thought. Rolf On Feb 22, 2007, at 5:08 PM, Lyn Patterson wrote: It's margin-bottom: -40px on #container which is causing the problem. If it's there to make the footer stick to the bottom, you might want to look at a different implementation. Thanks John but having removed it, the problem remains. http://www.westernwebdesign.com.au/test/newindex.html I am having more trouble with this relatively simple design than with far more complicated sites. . The problem only seems to occur in IE at res 800 x 600. At res 1024 x 768 it is fine and in Fx at 800 x 600 it is fine but at the lower res in IE the footer jumps up and some of it disappears behind other content. Have tried all sorts of fixes but obviously not the right one. Hope someone can spot the problem. Thank you Lyn Western Web Design www.westernwebdesign.com.au *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] IE footer problem at low resolution
* html, body { height: 100%;} * html #container {height: 1%;} The first one is wrong because there's a comma in there and you're applying a rule that you already have on the body and the second one isn't needed because you've already applied a height to #container. Thanks for that John - I can see that now! *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] IE footer problem at low resolution
Check out footerStickAlt from the man in blue - http://www.themaninblue.com/writing/perspective/2005/08/29/ Your css looks similar - you might read through his write-up and see if there are some clues. I notice that he uses position: relative for the footer, which you don't, and that might keep the footer in the normal flow. Just a thought. Thanks Rolf - looked at several options for footer sticking - will start again. Lyn *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***