IE - Div verrutscht

[imho]

Hallo Ihr Lieben,

bereits in anderen Foren habe ich mein Problem gepostet, doch wurde mir dort gesagt ich solle mich um das Verständnis kümmern statt Antworten zu suchen. Trotzdessen ich das getan habe kann ich den Fehler nicht finden.

Auf der Seite http://www.sieben-achtel.de/carl-kreuser verrutscht im IE der Contentbereich nach unten (z.b. bei "Das Wohnen") - habe ich falsch gefloatet?

Wenn ja, wo?

Code: Alles auswählen

.div_head {
   float: left;
   width: 960px;
   height: 206px;
   left: 0;
   top: 0px;
   background-color: #fff;
   border-bottom-width: 20px;
   border-bottom-style: solid;
   border-bottom-color: #4c6485;   
}

ul#header li {
    list-style: none;
    margin: 0.4em; padding: 0;
  }

 
#header {
    float: right;
}

#logo {
    float:left;
   margin-left: 20px;
   margin-top: 30px
}

.div_nav {
   float:left;
   clear: left;
   width: 230px;
   height: auto;
   left: 0;
   top: 226px;
   background-color: #fff;
}

.div_main {
   float: right;
   width: 700px;
   height: auto;
   padding-left: 15px;
   padding-top: 15px;
   padding-right: 15px;
   background-color: #fff;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
   color: #000000;
   text-decoration: none;
}

#indiv {
    float:right;
   clear: left;
   padding-left:20px;
   padding-bottom:10px;
}

greetz imho

[Laus]

Hallo

Nimm einfach das width: 500px; aus deinem class main dann macht auch der IE was du möchtest.
Zum Thema Float kann ich dir nur den Artikel Containing Floats Empfehlen. Auch Dieser Artikel von selfhtml kann dir beim verstehen von floats helfen

Gruß Xaver

[imho]

Du meinst die 700 px beim div_main?

Das funktioniert leider auch nicht.

[Laus]

Nein ich meine das class main hier

Code: Alles auswählen

<p class="main">

und im CSS

Code: Alles auswählen

.main  {
   width: 500px;
   text-align: justify;
    font-size: 12px;
   font-weight: normal;
   color: #000
}


Da sollst du das width: 500px; ersatzlos streichen.
Wenn dir der Text zu breit ist, dann passe das mit margin oder padding an.

Gruß Xaver