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