Topic: Stupid footer :( Pages that link to <a href="https://ozoneasylum.com/backlink?for=24020" title="Pages that link to Topic: Stupid footer :(" rel="nofollow" >Topic: Stupid footer :(\

 
Author Thread
Schitzoboy
Maniac (V) Inmate

From: Yes
Insane since: Feb 2001

IP logged posted posted 11-12-2004 22:48 Edit Quote

Argh, this one lil' bug on this page is bugging the crap outta me. I want the black box footer to stick to the bottom of the document, but if the document is very short (shorter than height of the window) I want the footer at the bottom of the page.

I've gone over this article a couple times, but my site is layed out a bit different than their example so I can't quite get the functionality to translate over.

Any ideas?! Thanks!

Nathus
Bipolar (III) Inmate

From: Minnesota
Insane since: Aug 2003

IP logged posted posted 11-12-2004 23:38 Edit Quote

adding

code:
position:absolute;
bottom:0;


to your footer should do the trick I think.

tntcheats
Bipolar (III) Inmate

From: BC, Canada
Insane since: Jun 2004

IP logged posted posted 11-12-2004 23:53 Edit Quote

No, not if his document runs past the bottom of the page.

You should just use floats, with the 2 columns in a floated div, with height: 100%;

-----------------------------------------------------
funny websites | funny signatures | funny jokes

Ozone Asylum KILLED my inner child.

Schitzoboy
Maniac (V) Inmate

From: Yes
Insane since: Feb 2001

IP logged posted posted 11-13-2004 08:51 Edit Quote

I think I fixed it. What I had to do was set the min-height of #content to 100% and add some bottom-padding to the #right div so that the footer didin't overlap it. Floats can't work for me because the position of the menu needs to be declared absolute so it lines up just right with the logo behind it.



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu