Footer at the bottom

[liberti]

Hi Webbers!

 

I would like the footer to stay at the bottom of the page with varying lengths. here is the css. PS I probably have way too much code, that is probably my problem!

 

html, body {

margin: 0;

padding: 0;

border: 0; /*To ensure browser does not allow extra characters around content*/

height: 100%;

width: 100%;

background-image: url(/valley-files/images/backgroundtowhite.gif);

background-repeat:repeat-x;/*I hope this makes the graphic wider but not longer!*/

font-family: Arial, Helvetica, sans-serif;

padding-bottom:25px;

 

}

 

.container {

min-height: 100%; /*makes footer go to bottom*/

height: 100%;

position: absolute;

/* voice-family: "\"}\"";

voice-family: inherit;*/

}

 

div.footer {

width: 649px;

Height: 25px;

bottom: 0px;

margin: 0 0 0 0;

left: 155px;

font: Arial, Helvetica, sans-serif;

text-align: center;

font-size: 14px;

text-decoration: none;

color: #7e4294;

font-weight: bold;

z-index:10;

position: absolute;

}

 

Here is my HTML!

 

The .container div is surrounding all content!

 

 

Thanks,

Liberti

[Andrea]

add a clear: both; to your footer CSS

[Wickham]

Have a look at examples here (three column layouts fixed/fluid):-

http://www.visibilityinherit.com/tools.php

and here:- http://www.visibilityinherit.com/code/height-stickyfooter-centered-example.php

and two methods items 1a and 1b here:-

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

[liberti]

I added that to my css but it is still in the middle of the page.

 

here is one of the many pages this is not executing correctly.

 

http://www.moval.edu/aboutmvc/history-2009.asp

[falkencreative]

Here is the method I personally use (using it on my site at the moment)

 

http://www.themaninblue.com/writing/perspective/2005/08/29/