Css footer

[Seantf]

Hey,

Ik wil graag mijn footer tegen de onderkant laten plakken. Dit is gelukt maar nu als ik minder tekst invul dat het wittegedeelte altijd tegen de footer aan gaat.

Dus als ik scrol heb gaat het goed maar als er geen scroll in zit dan gaat het witte ook niet verder.

Iemand hier een oplossing voor?

Afbeeldingen van wat ik bedoel:



Css toegevoegt was ik gister vergeten.

*{
margin:0px auto;
}

body{
background:silver;
font: 16px arial, sans-serif;
margin:0px;
height:100%;

}



footer{


position:absolute;
bottom:0;
left:0;

background:silver;
color: #fff;
padding:20px;
display:block;
position: fixed;
bottom: 0;
width:100%;
margin:auto 0px;
text-align: center;

}

#menubar ul{
list-style-type: none;
padding:20px;
height: auto;
padding: 8px 0px;
margin: 0px;
}

#menubar li{
text-decoration: none;
display: inline;
margin:10px;
background-color: #fff;
border-style: groove;
}
#menubar a {
text-decoration: none;
color: #00F;


}
#menubar{
width: 1280px;
height: 35px;
font-size: 16px;
font-family: Tahoma, sans-serif;
font-weight: bold;
text-align: center;
text-shadow: 3px 2px 3px #333333;
background-color: silver;
border-radius: 8px;
padding: 8px 8px 8px 8px;
}
#menubar a:hover
{
color: #F90;
background-color: #FFF;
}

#wrapper
{
width:1280px;

position:relative;


}

.post {

background-color: white;
width:1280px;

}

Alvast bedankt.

Met vriendelijke groeten,
Stefan

 

[jorenman]

Je moet height: 100%; veranderen naar height: auto;

body {
height: auto;
{/html]

 

[Seantf]

Thanks