Senf: background-image: URL mit Leerzeichen?

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>

  1. 'ǝɯɐ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

    --
    Answers: $1, Short: $5, Correct: $25, dumb looks are still free ...
    1. @@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'

      --
      Volumen einer Pizza mit Radius z und Dicke a: pi z z a
      1. @@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'

        --
        Volumen einer Pizza mit Radius z und Dicke a: pi z z a
        1. Danke euch! Läuft :) Endlich kanns weitergehen. Wünsche euch ein schönes Wochechenende!

          Grüße,
          Senf

      2. 'ǝɯɐ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

        --
        Whip me! Beat me! But don't make me using Windows
  2. 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

    --
    Warum nennt sich Andreas hier MudGuard?
    O o ostern ...
    Fachfragen per Mail sind frech, werden ignoriert. Das Forum existiert.