Margin:auto zentriert nicht

[Witschi262]

Hallo,
ich habe bereits seid meiner Anfangsphase das Problem, dass margin:auto meinen Inhalt nicht zentriert. Als kurzes Beispiel:

<div style="background-image: url(images/furni/candles.gif);background-repeat:no-repeat; width:195px; margin:0px auto;height:108px;"></div>

Von einem Zentrierten Bild merke ich jedoch reichlich wenig. Auch andere Arten habe ich probiert wie z.B nur margin-left:auto oder margin-left:auto; und margin-right:auto;

Nichts möchte funktionieren. Getestet habe ich es in Google Chrome&Firefox&IE 8

Habe ich nur einen Leichtsinnsfehler eingebaut oder komplett falschen Code?

P.S.
Der Thread kurz weiter unten hat mir auch nicht weitergeholfen ;)

 

[NetAktiv]

Schließ dein Div mal ein in einen neuen breiteren mit style="text-align:center; background-color:yellow"

 

[threadi]

Vergiss den Tipp von NetAktiv, das ist unnötig und hilft höchstens dem IE5 und älter. Ich denke dein Problem ist eher ein fehlender Doctype. Ohne Doctype wirkt die Zentrierung per margin auch nicht. Um das genauer analysieren zu können, solltest Du uns einen Link zur Seite zeigen.

 

[Elroy]

Hallo.

Ich nehme jetzt einfach mal an du willst das Hintergrundbild im div zentrieren und nicht den div selbst.

Hintergrundbilder werden nicht mit margin: 0 auto; zentriert sondern mit background-position: center,.
Lies dir bitte mal das durch: Hintergrundbilder: Übersicht: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

Gruss
Elroy

 

[Witschi262]

Vielen Dank Elroy,
du hast gerade ein Problem bei mir gelöst, dass ich wohl noch öfter gehabt hätte ;)