---

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

---

"Jesper Hansen" <jlh5@ofir.dk> wrote in message
news:417cea7d$0$18208$14726298@news.sunsite.dk...
> 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;
>
> }

Nu er jeg ikke CSS nørd men jeg bruger altid den der hedder bottom hvis jeg
skal have noget til at være i bunden af en side. Det kan godt ske det er
fordi jeg bruger lag, ved ikke helt.