nicht angemeldet
.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