Manche Bilder werden im IE falsch oder garnicht angezeigt

Frosty5o

Mitglied
Hallo,

habe das Forum schon durchsucht, doch leider nix gefunden. Auch Google hat mir nur Aufschluss über das Problem, jedoch nicht über die Lösung gegeben.

Und zwar ist es so, dass die <div>-Nav-Bilder auf meiner Seite http://frosty5o.kilu.de im Firefox links und rechts richtig angezeigt werden. Im IE werden sie jedoch nicht angezeigt, hab nur rausgefunden, dass der IE generell ein paar Probleme mit Bildern in <div> hat.
und das zweite Problem ist auf folgender Seite: http://frosty5o.kilu.de/index.php?site=interviews Die Bilder werden im Firefox so angezeigt wie ich es will, nämlich nebeneinander. Im IE jedoch untereinander, woran liegt das, bzw wie lässt es sich beheben?

Danke schonmal!

Gruß
Frosty
 
Hi,

dort, wo der IE keine Hintergrundbilder anzeigt, solltest du mal den inhaltsleeren Boxen eine Breite und Höhe mit auf dem Weg geben - wie z.B für #box-news:
CSS:
#box-news {
background:url(http://frosty5o.kilu.de/images/news.png) no-repeat;
width:180px;
height:40px;
}
Ansonsten sollte hier auch ein geschütztes Leerzeichen weiterhelfen:
HTML:
<div id="box-news">&nbsp;</div>


Den Umbruch der Bilder verursacht das <h2>-Element, das an dieser Stelle des Markups überhaupt nicht notiert werden darf - siehe hierzu die HTML-Elementreferenz für das p-Element.

mfg Maik
 
Mein dritter Tipp dürfte dich ebenso beglücken, da sich in allen Browsern, die nicht aus Redmond stammen, in der zweitgenannten Seite ein Darstellungsfehler eingeschlichen hat, wenn du mal den rechten Bereich des Footers genauer betrachtest.

Abhilfe schafft hier diese Regelerweiterung für das Inline-Element <span> mit der Klasse sauber:
CSS:
.sauber {
clear:right;
display:block; /* verleiht dem Inline-Element "Block-Level-Charakteristika" */
}

mfg Maik
 
Hatte ich gerade bemerkt und wollte mich dransetzen, aber bevor ich die dazu gekommen bin stand hier schon die Lösung. Dank dir!:) Hat wie immer einwandfrei funktioniert! *thumbsup*
 
Zurück