Internet Explorer zeigt Hintergrund nicht an

Dienstag, 1. April 2008

Ich hatte schon häufiger das Problem, dass im Internet Explorer bei CSS Definition nach folgendem Schema kein Hintergrund angezeigt wurde:

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

Das Problem lag aber nicht wie zunächst angenommen darin, dass der Internet Explorer beim background kein Shorthand CSS versteht. Diese Vermutung lag nahe, weil folgende Definition funktionierte:

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

Des Rätsels Lösung war viel mehr, dass der Interne Explorer mit den fehlenden Leerzeichen im Shorthand CSS nicht zurecht kam. So funktioniert es nämlich:

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

Popularity: 23% [?]

20 Kommentare »

Super danke für den Tipp. Ich kenne das nämlich das der explorer den Hintergrund nicht anzeigt. Aber nun ist es weg. Danke :)

Kommentar by Luna

4. April 2008 @ 09:44

Hey danke. Mein Internetexplorer hat den Hintergrund auch nicht angezeigt. Jetzt gehts. SUPER. tausend dank :)

Kommentar by Mandy

7. April 2008 @ 15:02

Ich hab auch nur Probleme mit dem Internet Explorer.
Unentwegt Bugs!

Kommentar by horst

11. April 2008 @ 18:02

Warum steigt ihr nicht um ?
FireFox oder so?

Kommentar by ralf

13. April 2008 @ 14:23

Joa,
dat ist mit dem Explorer ja schon immer so gewesen.
Aber ich benutzte einfach den Firefox, da habe ich Problem nicht!

Kommentar by Chris

18. April 2008 @ 20:51

[...] zur Lösung verhalf. In dem Beitrag mit fast genau dem Titel wie meine Suchanfrage: “Internet Explorer zeigt Hintergrundbild nicht an“. Da gabs den [...]

Pingback by Hintergrundbild wird im IE plötzlich nicht mehr angezeigt » miradlo bloggt

12. Juni 2008 @ 00:11

noch jahre später ist dieser tip gold und ein kommentar wert! you saved my day!

Kommentar by persil

18. Februar 2010 @ 06:37

Kann mich dem nur anschliessen – habe TAGElang über diesem Phaenomen gebrütet – und dabei ist die Loesung so einfach – wenn man sie kennt..
Danke !

Kommentar by Sadara

23. Oktober 2010 @ 13:29

Kurz gesucht, schnell gefunden, sofort geklappt.
Einfache Lösung aber Schwer zu finden.
Gut, dass es solche Menschen gibt die ihre Problemlösungen
ins Internet stellen um andere dabei zu helfen.
Danke, Danke, Danke…
PS: Lasst Bitte diesen Beitrag lange drinn, dammit vielen Programmierer
geholfen werden.

Kommentar by Erol

16. November 2010 @ 01:37

Vielen vielen Dank für den wertvollen Tip, hat mir grad sehr viel Zeit bezgl. Fehlersuche gespart…

Kommentar by Andromeda

7. Januar 2011 @ 13:45

Hm, … schön, dass viele hier die Lösung gefunden haben. Ich habe es allerdings wie oben beschrieben mit dem IE 8 ausprobiert, mit keinem positiven Ergebnis. Woran könnte es denn noch liegen? Bitte einen guten Rat!

Kommentar by Jürgen

22. April 2011 @ 16:56

Gravatar

Poste bitte mal deinen Code, dann können wir dir vielleicht helfen.

Kommentar by Andreas Jobst

22. April 2011 @ 18:38

Mir geht es genauso wie Jürgen. Ich habe ein Kommas gesetzt, aber trotzdem kann der I-Explorer 8 nicht die Hintergrundbilder anzeigen. Ich hatte schon die Vermutung, dass an dem Wert opocity ( Transparenz) liegen könnte, aber den Code habe ich schon rausgenommen. Ihr könnt euch ja mal meinen Quelltext angucken:

http://www.bispinghof-nordwalde.de unter –>aktuell –>zur Internetseite des Brückenfestes (bitte den Links folgen um zur Seite zu kommen)

Kommentar by Jonas

13. Juni 2011 @ 20:43

Gravatar

Hi Jonas!

Ich glaube es liegt daran, dass #foot nicht definiert ist, könnte sein, dass dadurch der IE das stylesheet nicht richtig interpretiert oder es liegt an den IE 5 bzw. IE6 Hacks die man meiner Meinung nach eh nicht mehr braucht. Also erst mal das mit #foot korrigieren und wenn es immer noch nicht funktioniert alles mal durch den W3C Validator laufen lassen: http://jigsaw.w3.org/css-validator/

Kommentar by Andreas Jobst

13. Juni 2011 @ 22:42

Danke für deine schnelle Antwort, Andreas! Nur viel weiter bin ich noch nicht. “es liegt daran, dass #foot nicht definiert ist”

#foot kommt gar nicht bei mir vor? Meinst du #bottom?

Der Validator ist klasse, nur hat er bei meinem Stylesheet 156 Fehler gefunden. Ich habe aber keine Ahnung, was ich korrigieren muss:
http://www.bispinghof-nordwalde.de/veranstaltungen/Bruekenfest/stylesheet1.css

Kommentar by Jonas

14. Juni 2011 @ 15:01

Gravatar

Hallo! Also in Deinem Stylsheet steht in der letzten Zeile #foot: http://www.bispinghof-nordwalde.de/veranstaltungen/Bruekenfest/stylesheet1.css
Das bitte mal löschen. Dann kann man sich um den Vaidator kümmern:

Kommentar by Andreas Jobst

14. Juni 2011 @ 16:22

Nun. Habe #foot gelöscht und danach die Seite durch den Validator geschickt. Keine Fehler! Mein Internetexporer zeigt trotzdem nicht die Hintergrundbilder an. Normale Bilder werden dargestellt.

Kommentar by Jonas

17. Juni 2011 @ 12:47

Gravatar

Ich weiß jetzt woran es liegt!!!
Es ist kein CSS Fehler. Der Internet Explorer hat schon immer Probleme mit Bilder die in CMYK abgespeichert wurden.
Einfach das Hintergrundbild im Farbmodus RGB speichern, dann müsste es auch im Internet Explorer erscheinen. CMYK ist ja eigentlich auch für die Druckdarstellung.

Kommentar by Andreas Jobst

17. Juni 2011 @ 13:29

Super! Genau das wars. Das Forum ist echt super.

Kommentar by Jonas

17. Juni 2011 @ 16:26

Vielen Dank – da wär ich nie!! drauf gekommen und ich dacht schon ich bekomm das Einfachste schon nicht gebacken…

Kommentar by Silke

3. November 2011 @ 22:51

RSS Feed für Kommentare zu diesem Artikel. TrackBack URI

Hinterlasse einen Kommentar

XHTML: Sie können diese Tags verwenden: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

blogCloud bloggerei.de supported by www.rankingcloud.de Gelistet im Blog Verzeichnis