Darstellungsproblem IE Floating DIVs (3 Spalten)

pro-logic · 15.12.11, 14:48

Guten Tag allerseits!

Ich habe eine Seite mit einem Drei-Spalten-Layout und habe die gewollte darstellung im FF aber nicht im IE. Jetzt experimentiere ich schon eine ganze Zeit und komme nicht dahinter was da schief läuft. Den meisten dieser Darstellungsprobleme liegt ein Zwei-Spalten-Layout zugrunde, was ich nicht auf mein Problem übertragen kann.

Ich würde mich freuen, wenn mir jemand erklären könnte was ich da nicht verstanden habe. (PS: html & css sind valid).

Vielen Dank im Voraus!
mfg PL

Die grobe Struktur der Seite:

Code:

<html><head></head>
<body>


<div id="body">
  <div id="navigation_sidebar">Navigation</div>
  <div id="content">Inhalt</div>
  <div id="right">Rechts</div>

  <div id="floatstop"></div>
</div>


</body>
</html>

Die Formatierung:

Code:

/* body ist der zentrierte rahmen, mit fester breite */
#body {
  width: 900px;
  overflow: hidden;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}


/* die navigationsleiste soll links sein und immer 100% height des parent-div haben */
#navigation_sidebar {
  float: left;
  width: 160px;
  height: 100%;
  position: absolute;
  margin: 0px 0px 0px 15px;
  padding: 230px 0px 0px 0px;
  background-color_ #000;
}


/* die content-box ist in der mitte */
#content {
  width: 525px;
  float: left;
  padding: 230px 0px 0px 0px;
  margin: 0px 10px 0px 190px;
}


/* die rechte spalte floatet nach rechts (soll später verschiende kleine texte enthalten) */
#right {
  float: right;
  padding: 230px 10px 0px 5px;
  margin: 0px 15px 0px 0px;
}



#floatstop {
  clear: both;
}