. miradlo bloggt  
« Blogparade verlängert bis 24. Juni ::: Erfahrungen von Projektleitern miradlo bloggt mit Bodenseemotiv »

Hintergrundbild wird im IE plötzlich nicht mehr angezeigt

12. Juni 2008 ute

Dieser Artikel ist Teil 7 von 9 der Serie Webstandards und IE

Webstandards und IE

Nö, manchmal glaube ich es einfach nicht. Ein funktionierendes Layout, alles war soweit ok. Ein paar Kleinigkeiten mussten noch geändert werden. Der ein oder andere Abstand im Stylesheet passte nicht mehr. Anschließend eher routinemäßig noch einmal testen, und:

plötzlich fehlt in beiden IE ein Hintergrundbild. Meine ersten Vermutungen waren irgendwelche Positionierungen, da ließ sich nichts finden. Ein paar Standardtricks probiert, alles ohne Erfolg. Nun gut, also genauer schauen, Dateien vergleichen welche Änderungen es gab, die Einfluss auf diese Stelle haben könnten.

Einiges probiert nichts half. Die Stelle mit dem Bild sah sowohl für mein Compare, als auch für mich identisch aus.

Fehlersuche im IE

background:url(/images/logos/bildle.gif)no-repeat;

background:url(/images/logos/bildle.gif)no-repeat;

Nach noch ein paar vergeblichen Versuchen, habe ich dann doch mal Google bemüht: ” ie zeigt hintergrundbild nicht an“. Ich hatte wenig Hoffnung auf ein sinnvolles Ergebnis, denn meist kommen in solchen Fällen Forenseiten mit Hinweis auf Anfängerfehler, wie falscher Pfad, falscher Bildname, Dateiname mit Leerzeichen usw.

Zumindest an dem Tag bei mir war jedoch der erste Link, der mir schließlich zur Lösung verhalf. In dem Beitrag mit fast genau dem Titel wie meine Suchanfrage: “Internet Explorer zeigt Hintergrundbild nicht an“, gabs den Hinweis:

“so geht’s nicht:

background:url(../img/footer-bg.png)center top no-repeat;

Lösung… (der IE) fehlenden Leerzeichen im Shorthand CSS nicht zurecht kam. So funktioniert es nämlich:

background: url(../img/footer-bg.png) center top no-repeat;

”

Zuerst schaute ich genau nach dieser Stelle, sowas haben die IE ja auch manchmal. Nach kurzem Weitersuchen kehrte ich jedoch nochmal zurück. Glauben wollte ich nicht, dass es wirklich so ein Grund sein könnte. Doch am Ende war es genau das:

background:url(/images/logos/bildle.gif) no-repeat;

Eine andere Stelle, aber exakt das gleiche Problem, ein Leerzeichen zwischen der schließenden Klammer und dem “no-repeat” und schon zeigen IE 6 und IE 7 brav das Bild wieder an.

…wieder

Richtig mühsam an diesem Fehler ist, dass er nicht immer da ist, und dass er beide Versionen betrifft. IE 7 ist zwar auch nicht grad meine große Liebe, aber doch an einigen Stellen deutlich stabiler als der “Methusalem IE6″. Bei Tieren rechnet man doch die Jahre in Menschenjahre um, ich denke IE 6 ist so betrachtet mindestens 210 Jahre alt.

Leider kenne ich den Auslöser des Fehles nicht, denn ich weiß nicht welche zwischenzeitliche Änderung diesen Bug hervorgerufen hat. Nun gut, ich hoffe weiter sehr auf IE 8 und eine schnelle Verbreitung… ;-) Übrigens mehr zum IE 8 gibts auch in der Artikelserie zu diesem Thema.

Seriennavigation«Progressive Enhancement ::: CSS 3 einerseits jedoch IE 6 andererseits Entschuldigung Ihr Browser ist veraltet…»
Merken und weiterempfehlen Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • TwitThis
  • Technorati
  • Wikio DE
  • Digg
  • del.icio.us
  • MisterWong
  • Y!GG

Ähnliche Beiträge

Wir erstellen Webseiten, Blogs, Webapplikationen und mehr...

Der Beitrag wurde am Donnerstag, den 12. Juni 2008 um 00:01 Uhr veröffentlicht und wurde unter css, tipps, web abgelegt.

Dir gefiel der Artikel? Dann abonniere doch den RSS Feed oder abonniere die Beiträge per E-Mail. Du kannst die Kommentare zu diesem Eintrag durch den RSS 2.0 Feed verfolgen. Du kannst einen Kommentar schreiben, oder einen Trackback auf deiner Seite einrichten.

5 Reaktionen zu “Hintergrundbild wird im IE plötzlich nicht mehr angezeigt”

  1. ute sagt:
    1. September 2008 um 11:28

    Hi, das ist ganz einfach, im CSS ist für textarea folgendes notiert:
    background:#e8e8ff url(pfad_zum_verlaufsbild) repeat;

    Zitieren

  2. ohne_namensnennung sagt:
    1. September 2008 um 10:43

    wie hast du das mit dem Verlauf in denn textboxen gemacht …

    bye

    Zitieren

  3. steven sagt:
    18. Mai 2009 um 15:32

    DANKE auf das Leerzeichen wäre ich alleine nie gekommen. Hat geklappt nun auch im IE8 mit den BG Kacheln :)
    Danke

    Zitieren

  4. ute sagt:
    18. Mai 2009 um 22:42

    @steven Gerne, gerade bei solchen Fehlern muss ja nicht jeder ewig suchen… ;-)

    Zitieren

  5. mdp sagt:
    24. Juni 2009 um 00:34

    DER ABSOLUTE WAHNSINN!!! ich weiss nich wie entnervt ich war aber bei mir genau der selbe fehler,.. leerzeichen eingefügt website ok!
    Super geil DANKE!

    Zitieren

Schreibe mir

Subscribe without commenting

zum Seitenanfang