Footer problem

[NWhite]

Hi all,
Could I ask: how do I drop the footer below the content in, for example,
this page (and therefore the rest of the site where the problem arises):
www.nowpc.co.uk/error404.html
It seems such a simple problem, but any "solutions" I've tried so far have
all broken something else or simply not worked. I know you guys are busy,
but I would really appreciate any help on this. Thanks in advance.
Best regards,
Neil
---
Outgoing mail is certified Virus Free.
Checked by AVG anti-virus system (http://www.grisoft.com).
Version: 6.0.779 / Virus Database: 526 - Release Date: 19/10/2004

[Beauregard T. Shagnasty]

Quoth the raven NWhite:

Hi all,
Could I ask: how do I drop the footer below the content in, for example,
this page (and therefore the rest of the site where the problem arises):
www.nowpc.co.uk/error404.html
Maybe a { clear: both; } in your .footer style?

---
Outgoing mail is certified Virus Free.
Checked by AVG anti-virus system (http://www.grisoft.com).
Version: 6.0.779 / Virus Database: 526 - Release Date: 19/10/2004

Please don't include this false advertisement with your posts. Thanks.

--
-bts
-This space intentionally left blank.

[NWhite]

> Quoth the raven NWhite:

Could I ask: how do I drop the footer below the content in, for example,
this page (and therefore the rest of the site where the problem arises):
www.nowpc.co.uk/error404.html

Beauregard T. Shagnasty Maybe a { clear: both; } in your .footer style?
Thanks for your suggestion. Sadly, although I tried it, it didn't work in
Firefox, IE6, NS7, or Opera6. I also tried {clear: left} and {clear: right}.
No joy. :-(
Please don't include this false advertisement with your posts. Thanks.

Apologies. Hopefully fixed but we'll see when this post turns up on the
forums...

[Beauregard T. Shagnasty]

Quoth the raven NWhite:

Quoth the raven NWhite:

Could I ask: how do I drop the footer below the content in, for
example, this page (and therefore the rest of the site where
the problem arises): www.nowpc.co.uk/error404.html
Beauregard T. Shagnasty

Maybe a { clear: both; } in your .footer style?

Thanks for your suggestion. Sadly, although I tried it, it didn't
work in Firefox, IE6, NS7, or Opera6. I also tried {clear: left}
and {clear: right}. No joy. :-(

Since it seems to occur only on a short page, perhaps you could add:

<div class="footer" style="margin-top: 20em;">

...or whatever amount seems suitable?
Please don't include this false advertisement with your posts.
Thanks.

Apologies. Hopefully fixed but we'll see when this post turns up on
the forums...

Yep, it's gone. :-)

--
-bts
-This space intentionally left blank.

[kchayka]

NWhite wrote:

Quoth the raven NWhite:

Could I ask: how do I drop the footer below the content in, for example,
this page (and therefore the rest of the site where the problem arises):
www.nowpc.co.uk/error404.html

I also tried {clear: left} and {clear: right}. No joy. :-(

Assuming you're trying to get the footer below the longest column...

The clear property would give you the desired results if you floated the
columns. But you've absolutely positioned them, so there isn't anything
you can do to get the footer consistently below the longest one. You
could always add left/right margins to the footer so at least it
wouldn't overlap the side columns.

BTW, there are a whole bunch of 3-column layout templates (with and
without footer) out there. There's no point in reinventing the wheel if
you don't really need to.

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.

[NWhite]

I asked:

Could I ask: how do I drop the footer below the content in, for
example, this page (and therefore the rest of the site where
the problem arises): www.nowpc.co.uk/error404.html
Beauregard T. Shagnasty replied: Maybe a { clear: both; } in your .footer style?

I replied: Thanks for your suggestion. Sadly, although I tried it, it didn't
work in Firefox, IE6, NS7, or Opera6. I also tried {clear: left}
and {clear: right}. No joy. :-(

Beauregard T. Shagnasty replied: Since it seems to occur only on a short page, perhaps you could add:
<div class="footer" style="margin-top: 20em;">
..or whatever amount seems suitable?
I reply:
Thanks again. I think I know what you're getting at, but I can't be sure
what's suitable, so any top-margin efforts I've tried have ended up failing.
Something fluid is needed. Kchayka has mentioned using floats in his/her
reply, which I think I'll need to implement.

PS: Yep, it's gone. :-)

For good! Thanks for that.

Cheers Beauregard. Much appreciated.

[NWhite]

I asked:

Could I ask: how do I drop the footer below the content in, for
example,
this page (and therefore the rest of the site where the problem
arises):
www.nowpc.co.uk/error404.html

And later said: I tried {clear: left} and {clear: right}. No joy. :-(

kchayka answered: Assuming you're trying to get the footer below the longest column...
The clear property would give you the desired results if you floated the
columns. But you've absolutely positioned them, so there isn't anything
you can do to get the footer consistently below the longest one. You
could always add left/right margins to the footer so at least it
wouldn't overlap the side columns. Thanks for your response, kchayka. It looks like you're right about using
floats. I'll rethink that method, though I turned to positioning originally
because floats are so reliant on HTML structure. For example, I'm not keen
on the "skip nav" link (however accepted it is) that float designs often
require.
BTW, there are a whole bunch of 3-column layout templates (with and
without footer) out there. There's no point in reinventing the wheel if
you don't really need to.

But I have no round web pages... ;-) Sorry...

Best regards,
Neil