Zentriertes HTML/CSS-Seitenlayout ohne Tabellen

Um eine HTML-Seite zentriert darzustellen, ohne mit Formartierungen wie <center>…</center> oder <div align=“center>…</div> oder Tabellen arbeiten zu müssen bedarf es einfacher Lösung:

Ein Div-Container kann einfach zentriert dargestellt werden, indem du ihm eine feste Breite und als horizontalen Margin-Wert „auto“ zuweist.

Das gaze könnte in stark vereinfachter Form etwa so aussehen:


<style>
<!–
div#wrapper {
margin: 50px auto;
width: 500px;
height: 500px;
background: yellow;
}
–>
</style>

<div id=“wrapper“>
Das ist der Seiteninhalt..
</div>