Stefan Einspender: Inhalt vertikal und horizontal zentrieren

Beitrag lesen

Hallo Sönke,

Poste ich den gewünschten Quellcode einfach noch mal hier, ok?

gern :-)

Ich habe mir mal erlaubt, die Sache etwas zu komprimieren, die nach-
folgende Variante finde ich persönlich nahezu optimal, einig ein
kleiner vertikaler Scrollbalken bei Opera stört mich, hat da jemand
eine Idee?

<html><head>
<title>center-content</title>
<style type="text/css">
<!--
body {
margin: 0px;
min-width: 500px;
padding: 0px;
text-align: center;
}

div#content {
display: table-cell;
margin: 0px;
padding: 10px;
text-align: left;
vertical-align: middle;
width: 500px;
}

div#table {
display: table;
height: 100%;
margin: auto;
padding: 0px;
width: 500px;
}
-->
</style>
</head><body>
<div id="table"><div id="content">bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</div></div>
</body></html>

Für die vertikale Zentrierung im IE habe ich auch keine akzeptable
Lösung gefunden.

PS. Sorry das ich die Beispieldatei so schnell wieder von mein Server gelöscht hatte.

Kein Problem :-)

Viele Grüße,
Stefan