Gernot Back: floaten von div's mit'n IE - Porbleme!

Beitrag lesen

Hallo summi,

ich post jetzt mal hier und ich weiß keinen rat mehr. der ie floatet die divs nicht richtig. wohingegen im firefox alles funktioniert. hier die url http://hansenbau.sumdevelop.de

kann mir wer nen tipp geben wie ich das problem behobenkomme?

Pack alles noch einmal in einen alles umschließenden Container, der exakt die Weite hat wie deine Banner- und Image-Box. Schon seltsam: Das klappte im IE 6.0 aber auch erst, nachdem ich deine vielen Kommentare aus dem Quelltext entfernt hatte:

<html>
  <head>
  <style type="text/css">
<!--
#container_all {
  width:61em;
}

#container_left {
                  float:left;
                  width:48em;
                }

#banner {
          height:8.0em;
          width:48em;
          background-color:red;
          float:left;
        }

#content  {
            height:20.0em;
            background-color:blue;
            width:40em;
            float:left;
          }

#navi {
        width:8em;
        height:20.0em;
        background-color:green;
        float:left;
      }

#imagebar {
            width:13em;
            height:28.0em;
            background-color:yellow;
            float:left;
            }
-->
</style>
</head>
<body>
   <div id="container_all">
    <div id="container_left">
        <div id="banner">
          <a name="top"></a>
          banner
        </div>
            <div id="content">
            content
            </div>
           <div id="navi">
           navi
           </div>
    </div>
    <div id="imagebar">
        image
    </div>
   </div>
</body>
</html>

Gruß Gernot