Lifestyle: DIV IMG IE / Firefox leerzeile

ich habe folgendes Problem:

ich hab in einer Webseite ein Image welches unter drei gefloatetn divs left steht.
Das Image wurde mit clear left in die nächste Zeile gelegt.

Wenn ich nun etwas unter das img positionieren will, ist immer ein 2-3 px breiter Rand dazwischen.

Nachfolgend der Code:

  
<div id="balken_links">  
</div>  
<div id="grau_mitte">Test1  
</div>  
<div id="balken_rechts">  
</div>  
<img id ="header_bild" src="http://www.toll.de/image.jpg"/>  
<div id="balken_links2">  
</div>  
<div id="balken_mitte2">Test2  
</div>  
<div id="balken_rechts2">  
</div>  

Nachfolgend das CSS:

  
      #balken_links {  
      background-color: #83BAE1;  
      width: 15px;  
      height: 20px;  
      float:left;  
      }  
  
      #grau_mitte {  
      color: white;  
      font-family: arial,helvetica;  
      font-size:12px;  
      font-weight:bold;  
      background-color: #c6bdb9;  
      width: 570px;  
      height:20px;  
      float:left;  
      }  
  
      #balken_rechts {  
      background-color: #83BAE1;  
      width: 30px;  
      height:20px;  
      float:left;  
      }  
  
      #header_bild{  
      clear:left;  
      width:615px;  
      height:89px;  
  
      }  
      #balken_links2 {  
      background-color: #83BAE1;  
      width: 15px;  
      height: 40px;  
      }  
  
      #balken_mitte2 {  
      font-family: arial,helvetica;  
      font-size:12px;  
      font-weight:bold;  
      background-color: #c6bdb9;  
      width: 570px;  
      height:40px;  
  
      }  
  
      #balken_rechts2 {  
      background-color: #83BAE1;  
      width:30px;  
      height:40px;  
      }

Irgendwelche Ideen ?? Ich bekomme einfach den Abstand zwischen dem Bild und den folgenden DIVS nicht weg.

  1. @@Lifestyle:

    nuqneH

    […] ist immer ein 2-3 px breiter Rand dazwischen.

    Bist du sicher? Oder sind es mehr, wenn du die Schrift vergrößerst? Das führt zu der Idee …

    Irgendwelche Ideen ??

    „Unterlänge“ dürfte dein Suchbegriff sein.

    Qapla'

    --
    Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
    (Mark Twain)
    1. Bist du sicher? Oder sind es mehr, wenn du die Schrift vergrößerst? Das führt zu der Idee …

      nein,..., Es ist vollkommen unabhängig von der Schrift. Sobald ich das Problem Image durch ein Div ersetze geht alles.
      Nur wenn ein Bild an der Stelle ist funktioniert das ganze (IE) nicht mehr sauber.

      1. 'ǝɯɐu$ ıɥ

        Bist du sicher? Oder sind es mehr, wenn du die Schrift vergrößerst? Das führt zu der Idee …

        nein,..., Es ist vollkommen unabhängig von der Schrift. Sobald ich das Problem Image durch ein Div ersetze geht alles.
        Nur wenn ein Bild an der Stelle ist funktioniert das ganze (IE) nicht mehr sauber.

        Trotzdem Unterlänge - tritt nur bei inline-Elementen auf.

        ssnɹƃ
        ʍopɐɥs

        --
        I like children. If they're properly cooked.
        - W.C. Fields
        1. Trotzdem Unterlänge - tritt nur bei inline-Elementen auf.

          Was macht man dagegen am besten ?? Hab von Unterlänge noch nie etwas gehört !!!
          Würde es dann etwas bringen wenn ich das img als display:block mache ??

          1. Hallo,

            Trotzdem Unterlänge - tritt nur bei inline-Elementen auf.
            Was macht man dagegen am besten ?? Hab von Unterlänge noch nie etwas gehört !!!

            aber du hast dich inzwischen informiert, was das ist, oder?

            Würde es dann etwas bringen wenn ich das img als display:block mache ??

            Ja, das wäre eine möglichkeit. Eine andere ist, dem Elternelement vertical-align:bottom zu geben.

            Übrigens: Du plenkst. Soll aber heilbar sein, hab ich gehört.
            Außerdem prellt deine '!' und '?'-Taste. Dagegen gibt's neue Tastaturen.

            So long,
             Martin

            --
            Um die Wahrheit zu erfahren, muss man den Menschen widersprechen.
              (George Bernhard Shaw)
            Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(
          2. @@Lif3styl3:

            nuqneH

            Was macht man dagegen am besten ?? Hab von Unterlänge noch nie etwas gehört !!!

            Deshalb hatte ich dir geraten, danach zu suchen …

            Würde es dann etwas bringen wenn ich das img als display:block mache ??

            … Hast du es nicht getan?

            Qapla'

            --
            Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
            (Mark Twain)
  2. Irgendwelche Ideen ?? Ich bekomme einfach den Abstand zwischen dem Bild und den folgenden DIVS nicht weg.

    http://de.selfhtml.org/css/eigenschaften/randabstand.htm@title="Abstand" ist schon das richtige Wort ^^ reduziere ihn auf 0.
    Wäre jedenfalls mein erster Verdächtiger.

    --
    sh:( fo:| ch:? rl:( br:& n4:& ie:{ mo:} va:) de:µ_de:] zu:) fl:( ss:| ls:[ js:(