Schlagwort: div

Div mittig ausrichten mit CSS

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