Hallo,
habe mal wieder Probleme mit dem IE und suche nach rat.
So wie mein Layout im Firefox aussieht, sollte es eigentlich in jedem Browser aussehen, leider spielt der IE und Opera mal wieder nicht mit. Habe zwei div-Container nebeneinander, links Menu, rechts Content. Wenn die Höhe des Content-Div's ändert soll sich auch die Höhe des Menu-Div's ändern. Wie gesagt im Firefox funzt es:
index.htm:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<body>
<div class="center">
<div class="nav">
<div class="bla">
<div class="content"></div>
</div>
<a href="#">button1</a><br>
<a href="#">button2</a><br>
....
</div>
</div>
</body>
styles.css:
div.nav {
width:148px;
float:left;
text-align:left;
background-color:#FF0000;
border-left:1px solid black;
border-right:1px solid black;
}
div.bla {
width:900px;
}
div.content {
width:743px;
float:right;
margin-top:5px;
border:1px solid black;
}
div.center {
width:900px;
margin:0px auto;
text-align:center;
margin-top:25px;
}
vielleicht könnte sich das mal einer anschauen, und mir evtl. einen Tipp geben wie ich das Layout auch für den IE und Opera so hinbekomme.
Gruß
Torsten