Variable Höhe

[Gunnar Bittersmann]

@@Gunnar Bittersmann:

nuqneH

Mit position: absolute oder fixed ist das kein Problem
Doch, das ist es, wenn der Inhalt höher als der Viewport ist.

Der Box mit dem Hauptinhalt sollte man noch 'overflow: auto' mitgeben, dann bekommt sie bei Bedarf einen Scrollbalken zwischen Header und Footer.

Warum aber nicht den Scrollbalken über die ganze Höhe? Sieht besser aus, IMHO.

Dann braucht’s auch keine Extra-Box für den Hauptinhalt. Einfach genügend Platz oben und unten lassen, so dass zu allen Inhalten gescrollt werden kann:

header, footer  
{  
	height: 30px;  
	left: 0;  
	position: fixed;  
	right: 0;  
}  
  
header  
{  
	top: 0;  
}  
  
footer  
{  
	bottom: 0;  
}  
  
body  
{  
	padding-bottom: 30px;  
	padding-top: 30px;  
}

Qapla'