Antipitch: Positionierung des Footers

Beitrag lesen

SELF-Forum

Positionierung des Footers

Antipitch
– Informationen zu den Bewertungsregeln

Hi LiAn,
zunächst mal hast du das Entscheidende vergessen:

  
html, body {  
height:100%;  
}

Außerdem solltest du nicht vergessen, dass ein div, das nur floatende Elemente enthält, von diesen nicht "aufgespannt" wird, solange du nicht am Ende, innerhalb dieses divs clearst oder ihm ein overflow:hidden gibst.

Wenn du dann mal ein bißchen "Dickes" aus deiner div-Suppe holst und den Rest vernünftig benennst, könnte es ca. so aussehen:

CSS:

  
html, body {  
height:100%;  
}  
  
div#wrapper {  
min-height:100%;  
position:relative;  
overflow:hidden;  
}  
  
/* IE 6 kennt kein min-height, braucht es aber auch nicht */  
* html div#wrapper {  
height:100%;  
}  
  
div#footer {  
height:20px;  
margin-top:-20px;  
position:relative;  
}

HTML:

  
<html>  
<body>  
<div id="wrapper">  
  Inhalte oben  
</div>  
<div id="footer">  
  Inhalte Footer  
</div>  
</body>  
</html>

Fragen? Fragen...

cheers
Antipitch

Beitrag melden
–
Informationen zu den Bewertungsregeln