✔ zwei div-container zentrieren, text links

[Microhome]

Hallo ihr Lieben,
ich weiß nicht was ich falsch mache. Im Prinzip möchte ich einen ganz einfachen Header in CSS basteln. Höhe: 210px. Der Header soll am Ende zentriert auf der Seite sein und eine Breite von 660px haben. Jedoch soll in diesem 660px breiten Container die Schriftausrichtung linksbündig sein. Habe folgenden Code:

<div style="height:210px; width:100%; background:#f0f0f0; border-bottom: 1px solid #cecece; text-align:center;">
	<div style="width:660px; text-align:left;">
		<div style="position:relative; top:20px;"><img src="images/logo.png"></div>
		<div style="position:relative; top:71px;"><img src="images/button_on.png"></div>
	</div>
</div>

Funktioniert auch soweit. Alles ist an seinem Platz, aber der 660-Container ist links am Browserrand. Warum ist dieser nicht in der Mitte

Skizze
---------------------------------------------------------------------
| | Und dies hier ist der 660 | | < div 100%
| | Container. Der soll zentr. | |
| | sein aber linksb. Inhalt | |
---------------------------------------------------------------------



Vielen Dank für eure Hilfe!!
m!cro

 

[Maik]

Hi,

mit der text-align:center-Deklaration lässt sich das nachfolgende Blockelement in den nicht-IE-Browsern nicht horizontal zentrieren.

<div style="height:210px; width:100%; background:#f0f0f0; border-bottom: 1px solid #cecece; text-align:center;">
	<div style="width:660px; text-align:left; margin:0 auto;">
		<div style="position:relative; top:20px;"><img src="images/logo.png"></div>
		<div style="position:relative; top:71px;"><img src="images/button_on.png"></div>
	</div>
</div>

führt zum gewünschten Ergebnis.

 

[Microhome]

Das gibts ja nicht, das wars!! Danke dir!