nicht angemeldet
Hallo Forum,
ich habe es immer noch nicht geschafft eine Lösung zu meinem Problem zu finden. Ich weiß das es eigentlich nicht erwünscht ist ein vorhandenen Thread mit dem selben Thema neu zu eröffnen, aber in meinem alten Thread(http://forum.de.selfhtml.org/archiv/2005/3/t103483/) war meine Problembeschreibung nicht ganz verständlich, dadurch konnte mir auch nicht geholfen werden. Ich möchte mein Problem jetzt versuchen besser zu erklären. Ich hoffe mir kann einer helfen.
erstmal code:
<!-- index.htm: -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head><title>testseite</title>
<link rel="STYLESHEET" type="text/css" href="styles.css">
</head>
<body>
<div class="center">
<div class="nav">
<div class="bla">
<div class="content">
div-Container rechts
viel text<br>
viel text<br>
viel text<br>
viel text<br>
viel text<br>
viel text<br>
</div>
</div>
div-Conatiner links
<a href="#">button1</a><br>
<a href="#">button2</a><br>
</div>
</div>
</body>
</html>
/* 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;
}
das Ergebnis im Firefox:
das Ergebnis im IE:
Wenn jetzt weniger oder mehr Text im <div class="content">-Container(rechts) ist, verändert sich die Höhe dieses Containers, diese Höhe wird dann dem <div class="nav">-Container(links) angepasst. Dies Funktioniert soweit im Firefox!
Das Ergebnis im Firefox ist genau das was ich will, im IE völlig falsch. Für den IE bekomme ich es einfach nicht hin, ich weiß nicht was ich noch machen soll. Seid dem ich Webseiten mache, verfluche ich den IE!!!
Wenn es mit CSS nicht machbar ist, vielleicht mit JS? Über Beispielcode würde ich mich sehr freuen.
Gruß
Torsten