Max Mustermann: Komplette Site vertikal zentrieren - wie?

Beitrag lesen

Hi Leute,

Hallo Max Mustermann,
=> (Heisst Du wirklich so?)

Nee, nicht wirklich, ist aber so mein Standard Nickame, wieso?

Wieviel Text hast Du denn ganz konkret?

Ich habe 2 Zeilen Text (mit <br>), einen Button mit CSS gestylt, nochmal eine Zeile Text und einen <p>.

Ein gaengiger Ansatz ist, mittels CSS die Hoehe
fuer <html> und <body> auf 100% zu setzen

so?
<style>
 <!--
 html { heigh:100%; }
 body { background-color:#ccff00; heigh:100%; }
 .feld { background-color:#cc0033; color:#0033ff; font-size:30px; border:6px solid #ff6666; cursor:hand; }
 -->
 </style>

Der "klassische", zuverlaessige aber "unsaubere" Weg
besteht darin, eine Tabelle mit einer einzigen Zelle
zu nehmen, die 100% breit und hoch ist, und dann
deren Inhalt horizontal und vertikal zu zentrieren.
Auch dazu muss man html und body auf 100% Hoehe
setzen.

table>
<tr>
<td width="100%" height="100%" align="center" valign="middle">
Hier meine Seite
</td>
</tr>
</table>
Stimmt das so?

cu, Max