✔ Container in CSS zentrieren?

[hauke1981]

Hi wie kann ich es machen, dass der Container in der Mitte vom Fenster angezeigt wird und nicht nur auf der linken seite.

Hier mal ein kleiner auszug aus der css datei.

#container{
	margin:5px 5px 5px 5px;
	padding:10px 5px;
	width:706px;
	height:auto;
	font:11px Arial,Helvetica,sans-serif;
	background-color: #333333;
	border: 1px solid;}

kann mir da einer helfen?

Grüße

 

[Maik]

Hi,

mit margin:5px auto wird der Container horizontal zentriert.

 

[hauke1981]

Super danke hat geklappt.

 

[hauke1981]

Jetzt muss ich die Frage nochmal aufmachen.

Und zwar hab ich jetzt gemerkt, dass der Container schön in der mitte des fensters ist, zumindest im Firefox, als ich die seite mal mit dem internet explorer getestet habe war der container auf der linken seite,

wie kann ich denn container jetzt so zentrieren, dass er sowohl im ff als auch im ie zentriert ist?

Greetz

 

[Maik]

Wenn der IE die Box mittels margin:5px auto nicht horizontal zentriert, ist davon auszugehen, dass das HTML-Dokument zumindest dem IE im "Quirksmode" übergeben wird, denn in diesem Darstellungsmodus hält er sich nicht an das CSS-Boxmodell.

body {
	text-align:center;
}

#container{
	margin:5px auto;
	text-align:left;
        ...
}

zentriert die Box im IE horizontal und richtet ihren Inhalt linksbündig aus.

 

[hauke1981]

Geht danke für die schnelle hilfe.