Css footer

Status
Niet open voor verdere reacties.
S

Seantf

Gebruiker
Lid geworden
23 apr 2013
Berichten
140
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:
Tegen onerkant 1.jpg
tegenoderkant 2].jpg

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;

}
Klik om te vergroten...

Alvast bedankt.

Met vriendelijke groeten,
Stefan
 
Laatst bewerkt:
Je moet height: 100%; veranderen naar height: auto;

HTML: 
body {
height: auto;
{/html]
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan