nicht angemeldet
Der MartinHallo,
Ich kann übrigens auch nicht nachvollziehen, warum der Anwendungsbereich von vertical-align auf inline- und table-cell-elemente beschränkt wurde.
Ich schon - allerdings ist es nicht ganz schlüssig :)
aha, erwischt. ;-)
Zum absoluten, vertikalen Zentrieren von belieben Elementen gibt es in CSS wunderbare Lösungen - der IE findet das halt nicht cool:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>center</title>
<style type="text/css">
body, html {
height: 100%;
}
div {
position: absolute;
top: 50%;
bottom: 50%;
}
</style>
</head>
<body>
<div>
blah
</div>
</body>
</html>
Das ergibt ein vertikal zentriertes div mit der Höhe 0 (100%-50%-50%), dessen Inhalt nach unten, in Richtung des normalen Textflusses, über diese Höhe 0 hinausläuft. Zentriert ist damit also die Oberkante eines ein- oder mehrzeiligen Textes, aber nicht der Textblock an sich. Darunter würde ich verstehen, dass die Mitte des Textblocks auch in der Mitte des umgebenden Elements sitzt.
So einfach ist es also doch nicht.
Ciao,
Martin
--
Ein Theoretiker ist ein Mensch, der praktisch nur denkt.
Gunnar Bittersmann