Hintergrundbild horizontal zentrieren

[sunny]

Hallo liebe Leute!

Ich hab hier eine Tabelle, die sollte ein Hintergrundbild bekommen, also:

<table class="hg">

Und das ist das CSS dazu:

.hg {
     background-image: url(../images/hg.jpg);
     background-repeat: no-repeat;
     background-position: center 20px;
}

Im IE funktionierts auch wunderbar, aber
NC 6.++ zentriert das Ding nicht mehr.

Geb ich center (ohne 20 px für vertikal) an, zentrierts auch der Netscape.
Sobald ich aber nur horizontal zentrieren will klebt das Bild im linken oberen Eck!?

Wo liegt denn hier der Fehler? Ich komm einfach nicht dahinter.

Im Archiv hab ich zwar haufenweise Fragen zum Thema Hintergrundbilder in Tabellen gefunden, auch im Zusammenhang mit Netscape-Problemchen, leider aber keine Lösung für mein Problem ...

Liebe Grüße,
sunny

[Sönke Tesch]

.hg {
     background-image: url(../images/hg.jpg);
     background-repeat: no-repeat;
     background-position: center 20px;
}

Im IE funktionierts auch wunderbar, aber
NC 6.++ zentriert das Ding nicht mehr.

Oha, diese Kombination deutet meist auf einen Fehler im IE hin :)

Geb ich center (ohne 20 px für vertikal) an, zentrierts auch der Netscape.
Sobald ich aber nur horizontal zentrieren will klebt das Bild im linken oberen Eck!?

Schau Dir mal an, was der CSS-Validator (http://jigsaw.w3.org/css-validator/) daraus macht:

* .hg {
          o background-image : url(../images/hg.jpg);
          o background-repeat : no-repeat;
          o background-position : null null;
      }

Wo liegt denn hier der Fehler? Ich komm einfach nicht dahinter.

Ein Blick in die CSS-Definition schafft Klarheit:

"Keywords cannot be combined with percentage values or length values."
  http://www.w3.org/TR/REC-CSS2/colors.html#background-properties

Ersetze center durch 50%, dann geht's sicher.

Gruß,
  soenk.e

[TOM]

hI

Ersetze center durch 50%, dann geht's sicher.

OH BOY - irgendwie logisch.

(hab mich nämlich auch schon damit beschäftigt und kläglich versagt g)

Gruß,
  soenk.e

greets from Erlangen Research Center -- TOM

[sunny]

Hallo!

Oha, diese Kombination deutet meist auf einen Fehler im IE hin :)

Ich weiß ... ;)

Schau Dir mal an, was der CSS-Validator (http://jigsaw.w3.org/css-validator/) daraus macht:

* .hg {
          o background-image : url(../images/hg.jpg);
          o background-repeat : no-repeat;
          o background-position : null null;
      }

Ein Blick in die CSS-Definition schafft Klarheit:

"Keywords cannot be combined with percentage values or length values."

Danke, das wusste ich nicht - wieder was gelernt!

Ersetze center durch 50%, dann geht's sicher.

Stimmt, es funktioniert!

Thanks,
sunny