Hallo zusammen,
ich habe ein DIV in welchem sich zwei weitere DIVs (mit float) befinden. Die beiden inneren DIVs haben eine größere height als das äußere DIV.
Nun werden meiner Meinung nach alle drei DIVs im FF richtig dargestellt. Nur im IE(6) passt sich das äußere DIV an die größe der beiden inneren an.
Nun hätte ich gerne einen Workaround für den IE(6), so dass dieser die angegebene Größe des äußeren DIVs behält und sich nicht automatisch anpasst.
Hier ist der Code:
Über einen Hinweis würde ich mich freuen.
Vielen Dank im Voraus!
ich habe ein DIV in welchem sich zwei weitere DIVs (mit float) befinden. Die beiden inneren DIVs haben eine größere height als das äußere DIV.
Nun werden meiner Meinung nach alle drei DIVs im FF richtig dargestellt. Nur im IE(6) passt sich das äußere DIV an die größe der beiden inneren an.
Nun hätte ich gerne einen Workaround für den IE(6), so dass dieser die angegebene Größe des äußeren DIVs behält und sich nicht automatisch anpasst.
Hier ist der Code:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<style type="text/css">
div#top {
height: 100px;
border: solid 1px red;
}
div#container1, div#container2 {
height: 150px;
width: 100px;
float: left;
border: solid 1px blue;
}
</style>
</head>
<body>
<div id="top">
<div id="container1">
<div>DIV1</div>
</div>
<div id="container2">
<div>DIV2</div>
</div>
</div>
</body>
</html>
Über einen Hinweis würde ich mich freuen.
Vielen Dank im Voraus!