Abstand im IE bei float

[Nicolas]

Hallo,

habe ich ärgerliches Problem mit dem IE. Ich habe ein DIV-Element, indem sich die Navigation befindet float per CSS zugewiesen, damit der restliche Inhalt der Elternelements "inhalt" rechts daneben angeordnet wird. Es klappt natürlich auch, nur nicht im IE. Hier wird ein etwa 2 bis 3 Pixel großer Abstand zwischen der Navigation und dem rechts daneben liegenden Inhalt erzeugt.

Ich kenne die Schwäche bereits, dass der IE Zeilenumbrüche im Quelltext als Leerzeichen interpretiert und so Abstände erzeugt. Das ist es aber nicht. Habe schon alles in eine Zeile geschrieben. Trotzdem bleibt der Abstand. Bin ratlos...

Mein Quelltext sieht so aus:

<div class="body" id="inhalt">
 <!-- Navigation -->
 <div id="navigation">
  Inhalt
 </div>

<!-- Inhalt -->
  <img src="start/startbild.jpg" width="565" height="498"><br>
  Dies ist ein Test.
</div>

Im CSS steht das:

.body {
 margin:0px auto;
 width:755px }

div#information {
 padding-top:10px;
 padding-bottom:10px;
 font-size:0.63em;
 color:#DC101E;
 text-align:right }

div#inhalt {
 background-color:#FFFFFF }

div#navigation {
 width:185px;
 height:750px;
 background-color:#6D4C00;
 text-align:center;
 float:left }

[wahsaga]

hi,

Es klappt natürlich auch, nur nicht im IE. Hier wird ein etwa 2 bis 3 Pixel großer Abstand zwischen der Navigation und dem rechts daneben liegenden Inhalt erzeugt.

Klingt nach dem Three Pixel Text-Jog.

gruß,
wahsaga

[Nicolas]

Danke, das war´s! Wieder typisch IE…