Stylesheets - IE6 and FF2 / Op9 problem (float?)

Author

IE6 and FF2 / Op9 problem (float?)

Pete Horrobin

2007-07-05, 6:17 pm

Sorry about the rather vague subject, I'm only guessing I have a "float"
problem -- chances are it's something v-e-r-y simple (like me!).

(This is also my first question to the group, so apologies in advance if
I'm doing something else wrong -- including posting in the wrong group!)

Test stuff is at:

HTML http://www.horshamhc.co.uk/site07/pitchtestlive.htm

CSS http://www.horshamhc.co.uk/site07/hhcstyles.css
http://www.horshamhc.co.uk/site07/hhcddtabs.css

As you might expect, the above page renders differently in IE6 than in FF2
and Opera 9 -- IE6 showing the desired result.

To summarise, the footer appears as desired in IE6, but somewhat
differently in the others, and I'm at a loss as to where the cause lies.

I'm hoping one or more of you might have the time to have a look and point
out what I should be doing!

TIA

Pete
--
www.lightningnews.com Lightning fast anonymous usenet downloads for 5$ only !

Ben C

2007-07-06, 3:50 am

On 2007-07-05, Pete Horrobin <respond@viause.net> wrote:
> Sorry about the rather vague subject, I'm only guessing I have a "float"
> problem -- chances are it's something v-e-r-y simple (like me!).
>
> (This is also my first question to the group, so apologies in advance if
> I'm doing something else wrong -- including posting in the wrong group!)
>
>
> Test stuff is at:
>
> HTML http://www.horshamhc.co.uk/site07/pitchtestlive.htm
>
> CSS http://www.horshamhc.co.uk/site07/hhcstyles.css
> http://www.horshamhc.co.uk/site07/hhcddtabs.css
>
>
> As you might expect, the above page renders differently in IE6 than in FF2
> and Opera 9 -- IE6 showing the desired result.
>
> To summarise, the footer appears as desired in IE6, but somewhat
> differently in the others, and I'm at a loss as to where the cause lies.
>
> I'm hoping one or more of you might have the time to have a look and point
> out what I should be doing!

The problem is you've set height: 100% on #container (around
hhcstyles07.css: 450). That makes its height 100% of the viewport, which
means #txt3colMain overflows it unless the viewport is very tall. The
footer however starts where #container ends, which means it ends up
behind the overflowing part of #txt3colMain.

So just lose the height: 100% on #container, I can't see what you need it
for anyway: it has the effect of pushing the footer slightly off the
screen, which is too high if the screen is shorter than #txt3colMain and
probably slightly too low otherwise.

34107

2007-07-06, 6:19 pm

Ben C <spamspam@spam.eggs> wrote in
news:slrnf8rq2a.e75.spamspam@bowser.marioworld:

> On 2007-07-05, Pete Horrobin <respond@viause.net> wrote:
>
> The problem is you've set height: 100% on #container (around
> hhcstyles07.css: 450). That makes its height 100% of the viewport, which
> means #txt3colMain overflows it unless the viewport is very tall. The
> footer however starts where #container ends, which means it ends up
> behind the overflowing part of #txt3colMain.
>
> So just lose the height: 100% on #container, I can't see what you need
> it for anyway: it has the effect of pushing the footer slightly off the
> screen, which is too high if the screen is shorter than #txt3colMain and
> probably slightly too low otherwise.
>

Thank you Ben, that'll do nicely!

I was so convinced I'd stuffed up somewhere with floats and/or positioning
I didn't think to look at this. Unfortunately, I can't help you with an
answer as to why I'd put it there in the first place -- I've no idea,
though it was probably just a bit of over-enthusiastic cut-and-paste!

Thanks again for your help -- it is much appreciated.

Pete
--
www.lightningnews.com Lightning fast anonymous usenet downloads for 5$ only !