nicht angemeldet
Hallo Gunnar.
Vertikale Zentrierung eines Blockelements geht genauso* wie horizontale mit
foo {margin: auto;}(und evtl.Angabe der Höhe).
Kann ich nicht bestätigen.
Dazu müssen die Elternelemente die Höhe 100% haben. Und wenn du denkst, body wäre das oberste Element, schau dir nochmal die Struktur im HTML-Code an.
Habe ich.
* unfähige Browser ausgeschlossen.
Also zählen Opera 9, Fx 1.5 und Konqueror 3.3.2 zu den unfähigen Browsern?
Mein Versuch:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Vertically aligned?</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
[code lang=css]* {
margin:0;
padding:0;
}
html, body {
height:100%;
}
div {
background:#09c;
height:20%;
margin:auto 0;
text-align:center;
}
</style>
</head>
<body>
<div>Vertically aligned?</div>
</body>
</html>[/code]
Einen schönen Donnerstag noch.
Gruß, Ashura
Gunnar Bittersmann
MudGuard