nicht angemeldet
Guten Abend,
ich bin gerade dabei ein Layout für meine Homepage zu erstellen und habe eine HTML und eine CSS Datei erstellt.
Das Problem ist, dass das Layout beim Firefox 2 wunderbar angezeigt wird, so wie ich es haben will und beim IE7 ist alles verschoben.
HTML:
<html>
<head>
<title></title>
<meta name="author" content="Christian Böhm">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<div id="page">
<div id="logo" >
###TOP_LOGO###
</div>
<div id="main_menu">
###MAIN_MENU###
</div>
<div id="navigation">
###NAVIGATION###
</div>
<div id="content">
###CONTENT###
</div>
<div id="sub_menu">
###SUB_MENU###
</div>
<div id="copyline">
###COPYLINE###
</div>
</div>
</body>
</html>
CSS:
div#Page{
text-align: left;
margin: 0 auto;
width: 1024px;
padding: 0em;
max-width: 1024;
background-color: rgb(300, 400, 500);
}
div#logo{
width: 1024px;
height: 100px;
background-color: rgb(100, 200, 200);
left: 10px;
}
div#main_menu{
width: 1024px;
height: 20px;
background-color: rgb(300, 324, 123);
left: 10px;
}
div#navigation{
width: 147px;
height: 60px;
background-color: rgb(109, 433, 383);
left: 10px;
float:left;
}
div#content{
width: 850px;
min-height: 480px;
background-color: rgb(200, 200, 200);
float:right;
}
div#sub_menu{
width: 147px;
height: 480px;
background-color: rgb(139, 200, 200);
left: 10px;
}
div#copyline{
width: 1023px;
height; 20px;
background-color: rgb(212, 420, 594);
left: 10px;
clear:both;
font-size: 0.9em;
margin: 0;
text-align: center;
background-color: #fed; border: 1px solid silver
}
Wie kann ich nun das Ergebnis erreichen, dass auch im IE das angezeigt wird, was im Firefox richtig angezeigt wird?
gruß
christian
P.S.: Ich habe schon gesehen dass das Thema hier öfter vorkam, aber keinen passenden Lösungsansatz gefunden...
MudGuard