problem mit dem Aufrufen von Bilder aus verschiedenen Verzeichnissen

[Gunnar Bittersmann]

@@Auge

in meiner css Datei steht es z.B. so:

background:url("../images/bild.png") no-repeat 0px 20px;

das funktioniert aber nur mit den Seiten im Hauptverzeichnis.

Nein. Der relative Pfad zum Bild bezieht sich auf die CSS-Datei, nicht auf die HTML-Datei.

Auch wenn Mike in seiner Aufzählung nicht explizit den Pfad zu dem Bild vom Document Root aus angegeben hat, was lässt dich vermuten, dass sich die Angabe in der CSS-Datei nicht auf den relativen Pfad von der CSS-Datei aus bezieht?

Mich nichts. Mike vermutet, dass der relative Pfad „nur mit den Seiten im Hauptverzeichnis [funktioniert]“.

Und dem ist eben nicht so. Wenn die Seiten in Unterverzeichnissen dasselbe Stylesheet verwenden, dann funktioniert für diese der relative Pfad ebenso wie für die Seiten im Hauptverzeichnis. Es sei denn, der Browser ist kaputt.

“For CSS style sheets, the base URI is that of the style sheet, not that of the source document.” [CSS 2.1]

LLAP 🖖