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>
…