Hey Leute, ich hab ein Layout realisiert, was im Firefox auch richtig angezeigt wird. Aber im Internet Explorer leider falsch. Das "menüFoot"-Div ist im IE rechts unten, obwohl es unter das "menüContent"-Div soll. Könnt ihr mir helfen, dass es auch im IE richtig angezeigt wird?? Ich hab schon viel versucht, nur leider hab ich noch zu wenig Erfahrung. Hier mein Code...
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="style2.css">
</head>
<body>
<div id="center" >
<div class="head"></div>
<div class="menuHead">menü head</div>
<div class="mainHead">content head</div>
<div class="menuContent">menü content</div>
<div class="mainContent">
main content<br>
</div>
<div class="menuFoot">menü foot</div>
<div class="mainFoot">main foot</div>
<div style="clear: both;"></div>
</div>
</body>
</html>
Code:
body{
margin:0px;
padding:0px;
}
#center
{
width: 1000px;
min-height: 500px;
margin: 0px auto;
border: 1px black solid;
}
DIV.head
{
width: 1000px;
height: 200px;
border: 1px black solid;
}
DIV.menuHead
{
width: 185px;
height: 60px;
border: 1px black solid;
float: left;
}
DIV.mainHead
{
width: 810px;
height: 60px;
border: 1px black solid;
float: left;
}
DIV.menuContent
{
width: 185px;
border: 1px black solid;
float: left;
min-height: 300px;
}
DIV.mainContent
{
width: 810px;
border: 1px black solid;
float: left;
}
DIV.menuFoot
{
width: 185px;
height: 60px;
border: 1px black solid;
float: left;
position: absolute;
margin-top: 300px;
}
DIV.mainFoot
{
height: 80px;
width: 1000px;
border: 1px black solid;
float: left;
}
Zuletzt bearbeitet: