Druckbare Version
HI Leute,
ich werde noch verrückt, jedes mal, wenn ich einen Inhalt (meist ist es die Navigation) mit "margin: 0 auto;" horzontal zentrieren will, suche ich mir einen Hirsch, wo ich die CSS Anweisung anbringen muß. Ist es die <ul> der navi, oder das umschließende <div> oder noch weiter oben? Irgendwie habe ich das Gefühl, dass da noch weitere Bedingungen erfüllt sein müssen, ich stehe auf der Leitung!
Kann mich da jemand mal von der Leitung schupsen?
margin: 0 auto funktioniert nur bei Block-Elementen, also bei Elementen die es von Natur aus sind oder man hilft mit display: block nach. Wichtig ist außerdem, dass man margin: 0 auto bei dem Element anwendet, das zentriert werden soll, und nicht bei einem Elternelement.
Edit:
Man müsste natürlich auch wissen, was genau du vorhast, denn es auch sein, dass text-align: center beim Elternelement sinnvoller ist. Elemente, die man mit margin zentrieren will, brauchen eine fixe Breite, da Block-Elemente ansonsten über die gesamte verfügbare Breite gehen. Wenn man also z.B. nur die Menüpunkte einer Navigation zentrieren will, würde ich mit text-align: center arbeiten, allerdings dürfen die Kindelemente dann keine Block-Elemente sein.
margin: 0 auto; ist ja nicht falsch. Aber vll. tust du dich hiermit etwas leichter. FlexBox