InternetExplorer zeigt Bilder nicht an

[Fabian]

Hallo zusammen!

Der InternetExplorer bringt mich zum Verzweifeln....

Ich habe einen Text, in den Bilder in einem DIV-Block angezeigt werden, der mit float und width formatiert ist. Ziel sollte es sein, die Bilder im Text anzuzeigen, sodaß der TExt links bzw. rechts daran vorbei läuft. Klappt mit jedem Browser, nur nicht mit dem IE. Der lässt zwar den Platz für das Bild, zeigt dieses jedoch nicht an. Wenn ich die Maus darüber halte erscheint der Text des TITLE-Attributs.

Kann mir irgendjemand helfen? Bin echt ratlos...

[frankx]

Hellihello

manchmal sind jpgs irgendwie trotz jpg im falschen format, so dass browser sich nicht anzeigen kann. da hilft ggf. ein erneutes abspeichern mit einem einfachen bildbearbeiter (irfanview, paint etc.).

Gruß,

frankx

[Fabian]

Hallo!

Das war ja ne super-schnelle Antwort ;-)

Ich habe das Bild neu abgespeichert und hochgeladen, leider ohne Erfolg. Wenn ich das Bild direkt im IE aufrufe zeigt er es an.

Trotzdem danke für den Tip!!
Fabian

Hellihello

manchmal sind jpgs irgendwie trotz jpg im falschen format, so dass browser sich nicht anzeigen kann. da hilft ggf. ein erneutes abspeichern mit einem einfachen bildbearbeiter (irfanview, paint etc.).

Gruß,

frankx

[frankx]

Hellihello

ohne Quelltext oder Beispiellink wird es schwer, zu helfen.

Ich habe das Bild neu abgespeichert und hochgeladen, leider ohne Erfolg. Wenn ich das Bild direkt im IE aufrufe zeigt er es an.

das ist ja schonmal prima.

Gruß,

frankx

[Rouven]

Hello,

Ich habe das Bild neu abgespeichert und hochgeladen, leider ohne Erfolg. Wenn ich das Bild direkt im IE aufrufe zeigt er es an.

der Firefox zeigt auch die ganze Seite richtig an. Ich schieß mal ins Blaue: die Bilder verschwinden gefloatet hinter der Menüleiste links oder hinter irgend etwas anderem mit Hintergrundfarbe. Kann ich aber nicht beweisen...

MfG
Rouven

[Fabian]

Anbei noch mal das CSS für die eingesetzten DIV-Blöcke:

/*DIV-Block vom gesamten Inhalt*/
#hauptrahmen {
 position: relative;
 margin: 10px 2%;
 background-color: #00319c;
 border: 1px solid white;
 text-align: left;
}

/*DIV-Block für Kopfzeile*/
#kopfzeile {
 margin: 0px 0px 0px 200px;
 background-color: #00319c;
 text-align: center;
 height: 30px;
}

/*DIV-Block für Navigation*/
#navigation {
position: absolute;
top: 1px;
left: 0;
width: 200px;
background-color: #00319c;
margin: 0px;
padding: 0px;
text-align: center;
}

/*DIV-Block für den Inhalt*/
#inhalt {
background-color: #ffffff;
margin: 0px 0px 0px 200px;
padding: 20px 50px 20px 50px;
border: 1px solid #ffffff;
}

/*DIV-Block für die Fusszeile*/
#fusszeile {
 border-top: 1px solid #00319c;
 border-left: 200px solid #00319c;
 background-color: #ffffff;
 text-align: center;
}

Die Bilder werden folgendermaßen eingebunden:
<div style="width:120px; float:left;">
<img style="text-align: left" src="bilder/chronik/bild-00-k.jpg" width="110" height="75" alt="Umzug Maifeier Oldenburg 1958" />
</div>

Die Verschachtelung der DIVs könnt ihr im Quellcode der Seite sehen:
http://www.blasorchester-lensahn.de/bo/chronik.php

Bräuchte immer noch den entscheidenden Tipp..... ;-)

[frankx]

Hellihello

http://www.blasorchester-lensahn.de/bo/chronik.php ... mein IE7 zeigt alles korrekt an, oder hab ich was falsch verstanden?

Dank und Gruß,

frankx

[Steel]

http://www.blasorchester-lensahn.de/bo/chronik.php ... mein IE7 zeigt alles korrekt an, oder hab ich was falsch verstanden?

IE6 tuts nicht. Die sind zwar da, aber unsichtbar. Du kannst alles damit machen, als waeren es einfch weisse bilder.

[Detlef G.]

Hallo Fabian,

sorge dafür, dass #inhalt Layout hat („Über hasLayout”).

Du kannst ihm z.B. eine Höhe geben (möglichst nur für alte IEs).

* html #inhalt {  
 height:1%;  
}  

Die Bilder werden folgendermaßen eingebunden:
<div style="width:120px; float:left;">
<img style="text-align: left" src="bilder/chronik/bild-00-k.jpg" width="110" height="75" alt="Umzug Maifeier Oldenburg 1958" />
</div>

Warum hast du die Bilder immer extra in ein Blockelement gepackt?
So sollte es auch reichen:
<img style="[code lang=css]float:left; margin-right:10px" src="bilder/chronik/bild-00-k.jpg" width="110" height="75" alt="Umzug Maifeier Oldenburg 1958" />
[/code]

Ich fände es auch besser, wenn die Navigation eine Liste wäre, statt einer Aneinanderreihung von Links und <br />s. (Die Listenpunkte sowie margin und padding lassen sich mittels CSS entfernen.)

Auf Wiederlesen
Detlef

[Fabian]

Hallo Detlef!

Dein Tip mit height:1% war klasse, nun wird alles korrekt angezeigt. Vielen Dank!!!!

Die Bilder habe ich nun auch ohne div eingebunden, das stammte noch aus der Testphase wg. der fehlerhaften Darstellung im IE.

Den Tip mit der Liste (Navigation) werde ich beizeiten auch umsetzen.

Vielen Dank an alle für die Unterstützung!!!