hello:)

 

I came upon this problem during making one site..

 

I've got header/ content /footer - (they not in any bigger div)

I need to put footer - (20px high, black stripe with dots lol) always on the bottom - in every screen resolution..

 

Putting relative dives or tables with height:100% doesn't work;(

Do I need a script for this? Or is there maybe easier solution?

 

Any help really apreciated!

There are two types of sticky footer:-

 

1. Always at the bottom. If page content is more than the window height the content scrolls from behind the sticky footer. Item 1a in the following page:-

http://www.wickham43.net/headerfooterfix.php

 

2. Footer is always at the bottom if the page doesn't have much content. If the page has more content than the window height, the footer stays under the content and you scroll to see it. This is the type most people seem to use. See item 1b in the page link above.

hi,

 

 

i use this method for footer with page 980px...

 

 

.push {

height: 30px;

}

AND

.foot {

height: 30px; /* .push must be the same height as .footer */

width: 980px;

margin: 0 auto;

clear: both;

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

font-size: 0.9em;

font-style: normal;

font-weight: lighter;

color: #2f4673;

text-align: center;

padding-top: 5px;

border: solid 1px #fff;

border-top: solid 1px #999;

}

 

Best regards,

Shavoodadjian (-http://pcspim-mips.blogspot.com/-)

wow!

thanks everybody

 

-> Wickham that really helped! awesome