/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Footer - altid i bunden af viewport eller ~
Fra : Jesper Hansen


Dato : 25-10-04 12:59

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

 
 
*XxX* (25-10-2004)
Kommentar
Fra : *XxX*


Dato : 25-10-04 15:38


"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.



Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste