Es gibt viele Möglichkeiten, um über eine CSS-Datei einen div-Container mittig auf einer Webseite auszurichten.
Hier einige Beispiele:
1 2 3 4 5 | #mittig { margin-left: auto; margin-right: auto; } |
+ Funktioniert sehr gut im Firefox 3.5
+ Funktioniert sehr gut mit variablen Breiten
– Harmoniert nicht mit Internet Explorer 8
1 2 3 4 | #mittig { margin: 0 auto; } |
+ Funktioniert sehr gut im Firefox 3.5
+ Funktioniert sehr gut mit variablen Breiten
– Harmoniert nicht mit Internet Explorer 8
1 2 3 4 5 6 7 | #mittig { left: 50%; width: 500px; margin-left: -250px; position: relative; } |
+ Funktioniert mit Firefox 3.5
+ Funktioniert mit Internet Explorer 8
– nicht vorteilhaft für flexible Layouts
– Harmoniert wegen der negativen Abstände nicht mit IE6
Zusätzlich zu den von Dir genannten Möglichkeiten, kann man das auch mit verschachtelten DIV’s lösen:
div.wrap {
text-align: center;
width: %;
}
div.center {
text-align: left;
width: 50%
}
Text und so…
LG Rainer
Da die DIV’s in meinem Kommentar nicht angezeigt werden, hier nochmal die DIV’s so das man sie sieht:
<div class="wrap">
<div class="center">Text und so…</div>
</div>
LG Rainer
Vielen Dank! Das werde ich mir mal anschauen.