suit: Via CSS eingebundenes Bild wird nicht zentriert.

Beitrag lesen

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.