Jeg har et forholdsvist simpelt CSS layout bestående af en
header, content og en footer. Header og footer har en fast højde.
Det jeg gerne vil have er at footer altid er i bunden. Dvs. hvis
der intet content er, skal footer være i bunden af browser
vinduet (viewport), og hvis der er meget content (så der kommer
scollbars), så skal footer være i bunden af content.
Dette er et udsnit af mit CSS:
html,body
{
height: 100%;
}
header
{
width: 100%;
height:115px;
}
content
{
padding-left:30px;
padding-right:30px;
padding-top:15px;
padding-bottom:15px;
}
footer
{
width: 100%;
height:35px;
}
Overstående er warpped ind i en container:
#container
{
width: 760px;
height:100%;
background-color:#FFFFFF;
border-right: 1px solid;
border-left: 1px solid;
border-color: #585858;
text-align:left;
}
Any ideas?
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials