Supportnet / Forum / Webseiten/HTML
IE und float : Bilder werden nicht angezeigt
Frage
Hi Leute
mal wieder ein Problem, das mich zur Verzweiflung bringt:
Ich lasse Bilder links und rechts floaten, in Firefox und Opera werden sie so angezeigt, wie ich es will, nur der IE zeigt die Bilder nicht an.
Dabei macht er aber durchaus den Platz so frei, als ob an der Stelle ein Bild umfloatet wird, der Link hinter dem Bild ist anklickbar.
[b]Warum werden die Bilder nicht angezeigt?[/b]
Nachzuschauen auf [url]http://www.ipstat.de/test/heiko.htm[/url]
der dazugehörige css-Code hier: [url]http://www.ipstat.de/test/css/csstextdatei.htm[/url]
Danke für sachdienliche Hinweise
Heiko
PS: Bitte keine Kommentare zum Inhalt und sonstigen Layout, das ist so noch nicht komplett...
Antwort 1 von derpfleger
Kann denn den Fehler im IE irgendjemand bestätigen? Oder ist nur hier an meinem Rechner irgendwas falsch?
Alles was ich zu floaten versuche, wird vom IE konsequent nicht gezeigt.
Für Tipps dankbar
Heiko
Alles was ich zu floaten versuche, wird vom IE konsequent nicht gezeigt.
Für Tipps dankbar
Heiko
Antwort 2 von Road-Runner
Hallo,
ich kann bestätigen, dass die Bilder im IE nicht angezeigt werden.
Woran es liegt, kann ich leider nicht sagen.
Gruss
Road-Runner
ich kann bestätigen, dass die Bilder im IE nicht angezeigt werden.
Woran es liegt, kann ich leider nicht sagen.
Gruss
Road-Runner
Antwort 3 von derpfleger
OK, danke erst mal.
Gruß Heiko
Gruß Heiko
Antwort 4 von Juergen54
Hi,
Im IE7,- alles perfekt angezeigt.
Im IE7,- alles perfekt angezeigt.
Antwort 5 von derpfleger
Im IE6 wird aber kein Bild angezeigt, grübel...
Gruß
Heiko
Gruß
Heiko
Antwort 6 von Juergen54
Antwort 7 von Solo
Hi,
Ich glaube das stimmt so nicht.
<a href="Dsc00263a.jpg" class="linksausgerichtet"><img src="TN_Dsc00263a.JPG" width="128" height="96" border="0" alt="Schau nicht so genau hin. Das ist nur ein selbstfabrizierter Schnappschuss mit der Digicam..." /></a>
Diskrepanz zwichen der Bildbezeichnung, Goss- und Kleinschreibung beachten und unterschiedliche Dateinamen.
Ich glaube das stimmt so nicht.
<a href="Dsc00263a.jpg" class="linksausgerichtet"><img src="TN_Dsc00263a.JPG" width="128" height="96" border="0" alt="Schau nicht so genau hin. Das ist nur ein selbstfabrizierter Schnappschuss mit der Digicam..." /></a>
Diskrepanz zwichen der Bildbezeichnung, Goss- und Kleinschreibung beachten und unterschiedliche Dateinamen.
Antwort 8 von Solo
Setze bei href="#" und es müsste funktionieren.
Antwort 9 von derpfleger
Die Groß/Klein-Schreibung haut schon hin, daran liegt es nicht, die Dateien heißen tatsächlich so.
Den Hinweis auf href="#" verstehe ich nicht.
Gruß Heiko
Den Hinweis auf href="#" verstehe ich nicht.
Gruß Heiko
Antwort 10 von derpfleger
@Jürgen, danke für den Screenshot, ist ja interessant, daß es bei dir angezeigt wird.
In meinem IE6 siehts so aus:
http://www.ipstat.de/test/floatimIE.jpg
Wobei die leeren Flächen, wo eigentlich die Bilder angezeigt werden sollten, weiterhin (wie vorgesehen) als link funktionieren (um das Bild in vergrößerter Ansicht zu sehen).
Gruß Heiko
In meinem IE6 siehts so aus:
http://www.ipstat.de/test/floatimIE.jpg
Wobei die leeren Flächen, wo eigentlich die Bilder angezeigt werden sollten, weiterhin (wie vorgesehen) als link funktionieren (um das Bild in vergrößerter Ansicht zu sehen).
Gruß Heiko
Antwort 11 von derpfleger
So, habe das ein bißchen weiter gebracht:
Jetzt werden im IE6 die Bilder angezeigt, allerdings werden die zugehörigen Texte erst dann angezeigt, wenn man über einen der Navigationsbuttons fährt (oder im Fenster wild um sich klickt).
Was habe ich geändert:
Ich habe im CSS alle überflüssigen Positionierungen entfernt, insbes. die Positionierung im #content zu entfernen war wichtig.
Nun, ein ähnliches Problem wie das jetzige hatte ich schon mal: --alter SN-Thread --.
Damals war es irgendeine Rand-Definition. Würde ja Sinn machen, der IE hat ja so seine Probleme mit den Rändern (Stichwort Box-Modell). Aber ich habe jetzt schon verflixt viele Variationen ausprobiert und komme nicht weiter.
Also: wer hat Muse sich noch einmal mit meinem CSS zu beschäftigen?
Die links dazu sind in der Ursprungsfrage ganz oben ja schon hinterlegt.
Danke für jede Hilfe
Gruß Heiko
Jetzt werden im IE6 die Bilder angezeigt, allerdings werden die zugehörigen Texte erst dann angezeigt, wenn man über einen der Navigationsbuttons fährt (oder im Fenster wild um sich klickt).
Was habe ich geändert:
Ich habe im CSS alle überflüssigen Positionierungen entfernt, insbes. die Positionierung im #content zu entfernen war wichtig.
Nun, ein ähnliches Problem wie das jetzige hatte ich schon mal: --alter SN-Thread --.
Damals war es irgendeine Rand-Definition. Würde ja Sinn machen, der IE hat ja so seine Probleme mit den Rändern (Stichwort Box-Modell). Aber ich habe jetzt schon verflixt viele Variationen ausprobiert und komme nicht weiter.
Also: wer hat Muse sich noch einmal mit meinem CSS zu beschäftigen?
Die links dazu sind in der Ursprungsfrage ganz oben ja schon hinterlegt.
Danke für jede Hilfe
Gruß Heiko
Antwort 12 von Moritzl
Hallo,
ich habe zZ das selbe Problem. Die Bilder verschwinden bei mir hinter der Hintergrundfarbe. Ohne HG-Farbe werden sie angezeigt. Wie man das loesen soll, weiß ich aber noch nicht.
ich habe zZ das selbe Problem. Die Bilder verschwinden bei mir hinter der Hintergrundfarbe. Ohne HG-Farbe werden sie angezeigt. Wie man das loesen soll, weiß ich aber noch nicht.
Antwort 13 von derpfleger.
Hi Moritzl,
toll daß der thread nochmal nach oben kommt. Leider bin ich mit dem Problem auch nicht weitergekommen und habe das Projekt erst mal auf Eis gelegt.
Daß es mit der Hintergrundfarbe zu tun haben könnte, habe ich noch nicht festgestellt. Bin momentan aber auch nicht zuhause, kann es also auch nicht testen. Werde erst in einer Woche wieder an meinem eigenen Rechner sitzen.
Falls du eine Lösung findest, wäre ich weiterhin sehr daran interessiert. Poste doch hier, falls du fündig wirst.
Gruß Heiko (aus dem Urlaub)
PS: ich sitze gerade an einem alten Rechner. Hier läuft noch der IE5.0 . Dieser zeigt mir Bilder an, zeigt auch die Texte, allerdings schiebt er den Content zu weit nach oben, so daß ein Teil der Hintergrundfarbe nicht stimmt und die Überschriften oben angeschnitten sind.
Irgendwie scheinen sich alle Probleme auf diesen Box-Model-Bug oder fehlerhaft interpretierte Positionierungen des IE zurückführen zu lassen.
toll daß der thread nochmal nach oben kommt. Leider bin ich mit dem Problem auch nicht weitergekommen und habe das Projekt erst mal auf Eis gelegt.
Daß es mit der Hintergrundfarbe zu tun haben könnte, habe ich noch nicht festgestellt. Bin momentan aber auch nicht zuhause, kann es also auch nicht testen. Werde erst in einer Woche wieder an meinem eigenen Rechner sitzen.
Falls du eine Lösung findest, wäre ich weiterhin sehr daran interessiert. Poste doch hier, falls du fündig wirst.
Gruß Heiko (aus dem Urlaub)
PS: ich sitze gerade an einem alten Rechner. Hier läuft noch der IE5.0 . Dieser zeigt mir Bilder an, zeigt auch die Texte, allerdings schiebt er den Content zu weit nach oben, so daß ein Teil der Hintergrundfarbe nicht stimmt und die Überschriften oben angeschnitten sind.
Irgendwie scheinen sich alle Probleme auf diesen Box-Model-Bug oder fehlerhaft interpretierte Positionierungen des IE zurückführen zu lassen.
Antwort 14 von Moritzl
Hi,
wenn ich mir deine Seite mit dem IE (Version 6) anschaue, wird sie eigentlich richtig angezeigt.
Ich konnte mein Problem nun aber lösen. In meinem Quellcode sind einige divs verschachtelt, die alle Hintergrundbilder haben. Im letzten div, in dem dann der Inhalt angezeigt werden soll, wurden gefloatete Bilde im IE nun nicht angezeigt. Wenn ich aber dem lezten div noch das Attribut width:100%; gebe, werden sie angezeigt.
Für micht eigentlich unerklärlich weil die divs ja eigentlich sowieso standardmäßig 100% Breite haben.
Es ist deswegen auch unwahrscheinlich, dass es in deinem Fall hilft. Der IE ist eben ne Sache für sich.
Gruß Moritz
wenn ich mir deine Seite mit dem IE (Version 6) anschaue, wird sie eigentlich richtig angezeigt.
Ich konnte mein Problem nun aber lösen. In meinem Quellcode sind einige divs verschachtelt, die alle Hintergrundbilder haben. Im letzten div, in dem dann der Inhalt angezeigt werden soll, wurden gefloatete Bilde im IE nun nicht angezeigt. Wenn ich aber dem lezten div noch das Attribut width:100%; gebe, werden sie angezeigt.
Für micht eigentlich unerklärlich weil die divs ja eigentlich sowieso standardmäßig 100% Breite haben.
Es ist deswegen auch unwahrscheinlich, dass es in deinem Fall hilft. Der IE ist eben ne Sache für sich.
Gruß Moritz
Antwort 15 von derpfleger
@Moritzl:
danke für deine Inspiration.
Ich weiss zwar nicht genau, was nun falsch läuft beim IE, aber durch rumspielen mit den Hintergrundfarben habe ich das Problem nun gelöst. Darauf wäre ich ohne dich nicht gekommen.
Mein Problem habe ich ja in Antwort 11 beschrieben. Bei dieser Version hatte ich folgenden Zustand:
Verschachtelung: body mit Hintergrundfarbe gelb, umgebendes div (genannt wrapper) ohne Hintergrundfarbendefinition, im Wrapper die Unter-divs "subnavi", "content" und "footer" in dieser Reihenfolge, wobei der "content"-div die Hintergrundfarbe weiss bekam.
In dieser Version kam es zu den in A11 beschriebenen Effekten.
Nun die Änderung:
body mit Hintergrundfarbe gelb, wrapper mit Hintergrundfarbe weiss, subnavi mit Hintergrundfarbe gelb, content ohne Hintergrunddefinition, footer mit Hintergrundfarbe gelb.
So funktionierts auch im IE.
Also: nochmals Danke für die Idee, an der Hintergrundfarbe zu manipulieren.
Schönen Gruß
Heiko
danke für deine Inspiration.
Ich weiss zwar nicht genau, was nun falsch läuft beim IE, aber durch rumspielen mit den Hintergrundfarben habe ich das Problem nun gelöst. Darauf wäre ich ohne dich nicht gekommen.
Mein Problem habe ich ja in Antwort 11 beschrieben. Bei dieser Version hatte ich folgenden Zustand:
Verschachtelung: body mit Hintergrundfarbe gelb, umgebendes div (genannt wrapper) ohne Hintergrundfarbendefinition, im Wrapper die Unter-divs "subnavi", "content" und "footer" in dieser Reihenfolge, wobei der "content"-div die Hintergrundfarbe weiss bekam.
In dieser Version kam es zu den in A11 beschriebenen Effekten.
Nun die Änderung:
body mit Hintergrundfarbe gelb, wrapper mit Hintergrundfarbe weiss, subnavi mit Hintergrundfarbe gelb, content ohne Hintergrunddefinition, footer mit Hintergrundfarbe gelb.
So funktionierts auch im IE.
Also: nochmals Danke für die Idee, an der Hintergrundfarbe zu manipulieren.
Schönen Gruß
Heiko

