Microhome
Erfahrenes Mitglied
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:
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
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:
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