Hallo zusammen.
Möchte zum ersten Mal ein CMS aufsetzten , notwendig dazu ist ein reines CSS Layout.
Ich beiße mich grade durch di eTechnik durch und an sich habe ich es auch geschafft, bis ich mir den Code im FF 2.0 anzeigen ließ.
Im IE passt es .
Sieht jemmand den Fehler , oder die Stelle mit den FF Probleme hat?Hier der Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>h</title>
<style type="text/css" media="screen">
body
{
margin: 0;
padding: 0;
font: 85% arial, hevetica, sans-serif;
text-align: center;
color: #505367;
background-color: #D6D6D6;
}
#container
{
margin: 1em auto;
width: 800px;
height:100px;
text-align: left;
background-color: red;
border: 10px solid black;
}
#logo
{
margin-top:20px;
margin-left: 10px;
margin-right: 10px;
float:left;
width: 150px;
height : 130px;
background-color:#82c9fd;
}
#banner
{ margin-top:20px;
width: 600px;
height: 100px;
background-color: green;
}
#mainnav
{margin-top:10px;
height: 20px;
width: 600px;
background-color: gray;
}
#menu
{margin-top:20px;
margin-left:10px;
float:left;
width: 150px;
height: 200px;
background-color: yellow;
}
#contents
{
float:left;
margin-top:20px;
margin-left: 20px;
height: 420px;
width:400px;
background-color: aqua;
}
#login
{margin-top:20px;
margin-right:10px;
float: right;
width: 150px;
height: 100px;
background-color: white;
}
#footer {
clear: both;
height: 20px;
background-color: lime;
}
</style>
</head>
<body>
<div id="container">
<div id="logo">logo</div>
<div id="banner">banner</div>
<div id="mainnav">mainnav</div>
<div id="menu">menu</div>
<div id="contents">contens</div>
<div id="login">login</div>
<div id="footer">footer</div>
</div> <!-- /container -->
</body>
</html>