Logo im Header bei (max-width:767px) zentrieren

[kubjo]

Hi Leute,
ich stehe auf dem Schlauch, aber schon zum zweiten Mal:
Ich möchte ein Logo, das bei der max. Breite von 767px erscheint im Header zentrieren, mit dem üblichen "margin: 0 auto;" klappt es jedefalls nicht :-(

Hier zu sehen


Grüße aus Ludwigsburg
Jochen Kubik

[bizon]

Das funktioniert im Firebug

#header .logo {
    display: block;
    text-align: center;
}

[kubjo]

Hi bizon,
ja das klappt so, erstmal vielen Dank!
Ich dachte "text-align:center" wird nicht mehr unterstützt?
Aber warum klappt "margin: 0 auto;" nicht? Das klappt doch sonst auch, oder?

Grüße aus Ludwigsburg
Jochen Kubik

[planepix]

Hallo Jochen,

wenn das übergeordnete Element eine feste Breite hat, sollte auch das klappen. Es kommt drauf an...

[Bas]

Hier mal ne Erklärung .. verstehen ist immer besser .

Bilder sind inline-Elemente, daher funktioniert das "margin:0 auto;" nicht.

Lösung: setz das entsprechende Bild auf "display:block;" (dann funktioniert das margin auto), ohne display:block würde ein text-align:center des umgebenden Containers helfen.

[Andreas]

...Ich dachte "text-align:center" wird nicht mehr unterstützt?...

Doch natürlich

text-align: [left|right|center|justify|inherit];

Aber wie der Name "text-align" und auch Bas schon sagten. Ist zum Ausrichten von Text, also inline-Elementen.