nicht angemeldet
Gunnar BittersmannFür echtes vertikales Zentrieren gibt es in CSS m.W.n. keine Lösung, nur Würgarounds.
Siechfred,
Was hältste davon:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Vertikal und horizontal zentriert</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="DC.creator" content="Gunnar Bittersmann" />
<style type="text/css">
[code lang=css] html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
html {
display: table;
}
body {
display: table-cell;
vertical-align: middle;
background: red;
}
div {
width: 50%;
margin: auto;
padding: 1em;
background: white;
}
</style>
</head>
<body>
<div>Vertikal und horizontal zentriert</div>
</body>
</html>[/code]
Live long and prosper,
Gunnar
PS. Abgesehen davon, dass veraltete Schrottbrowser das nicht umsetzen …
--
„Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
„Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)