/*Die prozentuale Angabe der Höhe eines DIVs orientiert sich am darüberliegenden Element. In den meisten Fällen ist dies der "BODY" einer Website. Daher muss zunächst auch dem BODY eine Höhe von 100% zugewiesen werden.

Will man das DIV mit seitlichem Abstand zentriert auf der Website darstellen, hilft einem die Zuweisung eines {margin: auto} weiter. Damit das ganze im Beispiel unten erkennbar wird, habe ich dem BODY eine dunkle Farbe (#333333) und dem DIV mit der ID "wrapper" einen weissen Hintergrund (#ffffff) gegeben.

Jetzt geben wir dem DIV die Höhenangabe. Zunächst sagt man den modernen Browsern, dass das DIV sich über mindestens 100% erstrecken soll {min-height: 100%;}.

{Height: auto !important;} sorgt mit Hilfe der !important Regel dafür, dass die Höhe des Divs nicht vom nachfolgenden {height: 100%;} überschrieben wird.

Die Angabe {height: 100%;} ist nur für den Internet-Explorer vorhanden und gibt diesem - wie eingangs bereits erwähnt - die gewünschte Anweisung. So erstreckt sich das div browserübergreifend über die komplette Höhe der Seite.

Wenn jetzt aber der Inhalt der Seite über den Anzeigenbereich hinausgeht und eine Scrollleiste erscheint, erstreckt sich das DIV, sobald man nach unten scrollt nicht mehr bis zum unteren Bildschirmrand. Die kann man durch die Anweisung {overflow: hidden} unterbinden. Die !important Regel sorgt auch hier wieder dafür, dass der IE diese Anweisung nicht versteht.*/

html, body {
	margin: 0;
	padding: 0;
	height: 100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */
	font-family: Verdana, Geneva, sans-serif;
	background-color: #333;
}

#mainWrapper {
	width: 90%;
	margin: auto; /* Div soll zentriert werden */
	min-height: 100%; /* Mindesthöhe für moderne Browser */
	height:auto !important; /* Important Regel für moderne Browser */
	height:100%; /* Mindesthöhe für den IE */
	overflow: hidden !important; /* FF Scroll-leiste */
	vertical-align:middle;
	text-align: center;
			}
#mainImage {
	vertical-align:middle;
	text-align: center;
	margin-top: 100px;
	border: thin solid #FFF;
}