Druckbare Version
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
Das funktioniert im Firebug
Code:#header .logo {
display: block;
text-align: center;
}
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
Hallo Jochen,
wenn das übergeordnete Element eine feste Breite hat, sollte auch das klappen. Es kommt drauf an... :)
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.
Doch natürlichZitat:
Zitat von kubjo
Aber wie der Name "text-align" und auch Bas schon sagten. Ist zum Ausrichten von Text, also inline-Elementen.HTML-Code:text-align: [left|right|center|justify|inherit];