DIV Container horizontal zentrieren CSS |
Beim Internet Explorer reicht ein simples text-align: center; aus um einen DIV Container horizontal zu zentrieren, leider funktioniert dies nicht beim Mozilla Firefox oder beim Opera.
Mit Hilfe von margin-left: auto; und margin-right: auto; lassen sich DIV Container, die eine feste Breite haben bzw. nicht über die gesamte Breite des Browsers gehen, horizontal zentrieren.
Beispiel:
<div id="container" style="width: 500px; margin-left: auto; margin-right: auto; text-align: center;">
<div id="content" style="text-align: left;">
<p>Beispiel: DIV Container horizontal zentrieren.</p>
</div>
</div>
Kaufempfehlung: Einstieg in CSS – Das Video-Training auf DVD
Bitte bewerte diesen Beitrag:
DIV Container horizontal zentrieren:
4,20
von
5
Punkten, basieren auf
5
abgegebenen Stimmen.
4,20
von
5
Punkten, basieren auf
5
abgegebenen Stimmen.
Loading ...