Hallo,
ich hab ein Problem mit dem Zentrieren eines via CSS ( als background image ) eingebundenen Bildes.
Alle von mir bisher unternommenen Versuche schlugen fehl.
Hier der Code:
- {
text-align: center;
}
Sehr dämliche Idee (siehe unten).
background: url(../img/nav_bg.png)no-repeat;
^^
Syntaxfehler.
Der Rest der Seite wird ganz normal von text align zentriert.
Dann läuft hier etwas falsch, text-align zentriert nur inline- und inline-block-Elemente, nicht aber block-Elemente oder vergleichbares.
Ursache für dieses Fehlverhalten: Quirksmode.
Selbst das zufügen von
[code lang=css]background-position: center center;
> Brachte nichts.
Bei fehlerfreiem Code wäre das aber das mittel der wahl - zumindest bei block-Elementen oder anderen Elementen in diesem Kontext.
Bei inline-Elementen wirst du damit natürlich wenig Erfolg haben.
Ebenso kann es natürlich sein, dass du irgendwelche weiteren Syntaxfehler eingebaut hast, die verhindern dass die background-positon-Regel überhaupt ausgeführt wird.