background-image: URL mit Leerzeichen?
Senf
- css
0 Shadowcrow0 MudGuard
Hallo zusammen,
mich beschäftigt seit gestern schon folgender Umstand:
Ich möchte in einem <div>-Containter ein background-image plazieren. Der Dateipfad des Bildes enthält dummerweise Leerzeichen, was dazu führt dass der Firefox den Hintergrund nicht anzeigt, der IE bis Version 7 aber sehr wohl.
Wenn ich das Leerzeichen mittels Backslash escape, dreht sich die Situation um und der Firefox zeigt mir das Bild, während der IE streikt. Weitere Versuche mit und ohne Anführungszeichen - ob einzelne oder doppelte, ob mit Backslash oder ohne - blieben erfolglos, nie möchten beide Browser gleichzeitig funktionieren.
Meine kurze Frage: Was tun? Das Leerzeichen im Dateipfad kann ich leider nicht abändern.
Danke und Viele Grüße,
Senf
PS: Hier noch schnell der Codeschnipsel:
<div style="width: 688px; height: 206px; overflow: hidden; background-position: center 25%; background-image: url(/media/banner/IMG _55543.PNG);">XXX</div>
'ǝɯɐu$ ıɥ
Meine kurze Frage: Was tun? Das Leerzeichen im Dateipfad kann ich leider nicht abändern.
Nimm Conditional Comments oder CSS Hacks um den IE eine Extrawurst zu servieren.
PS: Hier noch schnell der Codeschnipsel:
Du hast dich da vertippt, es müßte Kotschnipsel heißen :-) CSS gehört in ein Stylesheet.
<div style="width: 688px; height: 206px; overflow: hidden; background-position: center 25%; background-image: url(/media/banner/IMG _55543.PNG);">XXX</div>
ssnɹƃ
ʍopɐɥs
@@Shadowcrow:
nuqneH
Nimm Conditional Comments oder CSS Hacks um den IE eine Extrawurst zu servieren.
Nein!!!
Das Leerzeichen ist kontextspezifisch zu escapen; der Kontext ist hier URI. Also '%20':
background-image: url(/media/banner/IMG'%20_55543.PNG);
Qapla'
@@Gunnar Bittersmann:
nuqneH
background-image: url(/media/banner/IMG'%20_55543.PNG);
▲
Argl, C&P-Fehler. (Hab ich mich mit Apostrophitis angesteckt?)
background-image: url(/media/banner/IMG%20_55543.PNG);
Qapla'
Danke euch! Läuft :) Endlich kanns weitergehen. Wünsche euch ein schönes Wochechenende!
Grüße,
Senf
'ǝɯɐu$ ıɥ
Nimm Conditional Comments oder CSS Hacks um den IE eine Extrawurst zu servieren.
Nein!!!
Das Leerzeichen ist kontextspezifisch zu escapen; der Kontext ist hier URI. Also '%20':
background-image: url(/media/banner/IMG'%20_55543.PNG);
Uuups, du hast recht....ich brauch Kaffee...
ssnɹƃ
ʍopɐɥs
Hi,
Der Dateipfad des Bildes enthält dummerweise Leerzeichen,
Dann wäre es doch wohl am sinnvollsten, diesen Mißstand durch Umbenennen zu beheben.
was dazu führt dass der Firefox den Hintergrund nicht anzeigt,
weil Du das Leerzeichen uncodiert in die URL übernommen hast.
der IE bis Version 7 aber sehr wohl.
Der ist in dieser Beziehung halt fehlertoleranter.
cu,
Andreas