Hallo Forum,
habe ein Layout, dass auch so weit meinen Vorgaben entspricht. Einzig ein div-Container am unteren Seitenrand (ID="footer") wird im IE richtig angezeigt, im FF jedoch ohne backgroundcolor? Wieso bitte?
Könnte mir da jemand einen Tipp geben?
Der Quelltext:
[...]
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>test</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: #ffffff;
border:2px;
}
#container
{
margin: 1em auto;
width: 1000px;
text-align: left;
background-color: #ffffff;
}
#header
{
height: 45px;
background-color: white;
text-align: right;
width:1000px;
}
#mainnav
{
height:18px;
background-color: #E2E2AA;
margin-bottom:1px;
}
#subnav
{
height:18px;
background-color: #E2E2AA;
margin-top:0px;
margin-bottom:1px;
}
#bildleiste
{
height:145px;
margin-bottom:1px;
}
#contents
{
height: 470px;
width:980px;
background-color: #E2E2FF;
float:left;
padding-top:10px;
padding-left: 10px;
padding-right:10px;
padding-bottom:20px;
margin-bottom:1px;
}
#footer
{
height:20px;
background-color: #E2E2FF;
padding-left:2px;
margin-top:1px;
}
</style>
</head>
<body>
<div id="container">
<p style="text-align:right">
</p>
<div id="mainnav" >
</div>
<div id="bildleiste" >
</div>
<div id="subnav">
</div>
<div id="contents">
<p style="float:left; width:630px; margin:10px;">
</p>
<div align="right" style="float:right; width:320; padding-top:120px;">
</div>
</div>
<div id="footer" >inhalt
</div>
</div>
</body>
</html>