IE macht probleme mit repeat-x (bilder)

[realfirst]

HI selfhtml user!

Ich bastel gerade an meiner homepage. das wird eine lange weiße seite auf schwarzem hintergrund (rechts + links berührt sie den rand) und oben und unten soll ein übergang zu schwarz sein. dazu hab ich mir schon ein bild erstellt (20x1 pixel). ich habe schon vorher sachen mit dem befehl repeat-x gemacht aber im moment will es nicht funktionieren (mit IE, safari und firefox funktionieren!)

hier mal ein ausschnitt aus dem code:

(aus CSS)

P.repeatimage {
     position:absolute;
     left:0px;
     right:0px;
     background:#FFFFFF url(Bilder/obenmitte.png) repeat-x; }

(das position left und right musste sein damit die bilderreihe auch den rand rechts und links berührt.

(aus HTML)

<p class="repeatimage">
<img src="Bilder/obenmitte.png" border="0">
</p>

Ich selber finde dort keinen Fehler aber ich hoffe ihr könnt mir helfen damits auch bei den IE usern gut aussieht :)

MfG realfirst

[Gino]

HI selfhtml user!

hier mal ein ausschnitt aus dem code:

(aus CSS)

P.repeatimage {
     position:absolute;
     left:0px;
     right:0px;
     background:#FFFFFF url(Bilder/obenmitte.png) repeat-x; }

Ähmm ja, vielleicht so
P.repeatimage{
 background-color: :#FFFFFF;
 background-image: url(Bilder/obenmitte.png);
 background-repeat: repeat-x;
}

(das position left und right musste sein damit die bilderreihe auch den rand rechts und links berührt.

Ähmm margin?

[realfirst]

HEy cool danke an beide!

das case sensitive problem hab ich (zur sicherheit) schnell gelöst und anschließend den code von Gino genommen! DANKE!
p.s. gino du hast copy&paste benutzt :D für andere hier noch das berichtigte:

P.repeatimage{
  background-color: #FFFFFF;
  background-image: url(Bilder/obenmitte.png);
  background-repeat: repeat-x;

[realfirst]

eine letzte frage hab ich noch:

kann man in der css datei auch noch ein bild für die ecken angeben (die png-dateien dazu habe ich) sodass ich dies nicht (vielleicht fehlerhaft) mit dem <img> tag im html machen muss?

MfG

[Auge]

Hallo

kann man in der css datei auch noch ein bild für die ecken angeben (die png-dateien dazu habe ich) sodass ich dies nicht (vielleicht fehlerhaft) mit dem <img> tag im html machen muss?

Wenn du für die Bilder die entsprechenden HTML-Elemente hast, ja. Bedenke: Ein HTML-Element kann nur ein Hintergrundbild haben.

Tschö, Auge

[realfirst]

eehm ja auge wie mach ich das denn dann?? MfG

[Der Martin]

Hallo,

P.repeatimage {
     position:absolute;
     left:0px;
     right:0px;
     background:#FFFFFF url(Bilder/obenmitte.png) repeat-x; }
Ich selber finde dort keinen Fehler aber ich hoffe ihr könnt mir helfen damits auch bei den IE usern gut aussieht :)

der IE ist zu blöd, sich die Breite des Elements aus left und right selbst zu ermitteln. Er kann das nur, wenn man ihm maximal eine Kante und dazu die Breite vorgibt, was in deinem Fall auch funktionieren müsste.
Wozu überhaupt absolute Positionierung mit all ihren Nebenwirkungen, über die man bei nächster Gelegenheit wieder stolpert? Ein einfaches

margin: 0;

anstatt der Angaben position, left und right sollte genügen.

Noch was: Wenn man es genau nimmt, dürfte dein CSS gar nicht auf das HTML-Element passen, das du da angibst. Dein CSS-Selektor ist auf ein P-Element abgestimmt, dein HTML-Schnipsel enthält aber ein p-Element. Ja, CSS ist eigentlich case sensitive! Nur gut, dass die meisten Browser relativ fehlertolerant sind.

Ciao,
 Martin