Zur Navigation

IE 6: float-Bild: Rahmen größer als Bild

1 Käptn Blaubär

Hallo,

leider habe ich ein Problem: IE 6 (Windows) stellt bei einem float-Bild den Rahmen größer dar als das Bild. Wie kann ich dem IE beibringen, daß er den Rahmen richtig zieht?

Habe mit IE 6, Mozilla 1.4 und Opera 7.11 (jeweils Windows-Ausgabe) getestet.

Ansehen könnt Ihr das hier: www.franken-online.de/rhodos-bilder/test.htm (kein Link, weil noch im Test und Inhalt nicht fertig). CSS-Angaben sind noch im head.

#bewertung { }
#bewertung div.bild {
  float: right;
  width: 148px; height:111px;
  border-width:2px; border-style:solid; border-color:navy;
  margin: 0.8em 0.65em 0.4em 1.0em;
}
#bewertung div.text {
  margin-left: 1.6em;
  text-align: justify;
}
<h3>Gasthaus &quot;Heroldsmühle&quot; bei Oberleinleiter (fränkische Fischspezialitäten):</h3>
<div id="bewertung">
  <div class="bild">
    <img src="bilder/bild-10.jpg" alt="Bild 10">
  </div>
  <div class="text">
    <p>... (Text) ...</p>
  </div>
  ...
</div>
Bin auch für sonstige Hinweise dankbar.

Gruß, Käptn Blaubär

08.09.2007 00:52

2 Jörg

Hallo Käptn Blaubär,

das ist ein Bug im IE6, der inzwischen im IE7 behoben ist. Der IE6 interpretiert Leerzeichen und Umbrüche im HTML-Quelltext gegebenenfalls als Lücken, die er entsprechend anzeigt. Wenn du Leerzeichen und Zeilenumbrüche zwischen image Tag und den Tags des äußeren Elements weglässt, wird auch kein Rand mehr angezeigt:

<h3>Gasthaus &quot;Heroldsmühle&quot; bei Oberleinleiter (fränkische Fischspezialitäten):</h3>
<div id="bewertung">
 <div class="bild"><img src="bilder/bild-10.jpg" alt="Bild 10"></div>
 <div class="text">
   <p>... (Text) ...</p>
 </div>
 ...
</div>

08.09.2007 10:36

Beitrag schreiben (als Gast)





[BBCode-Hilfe]