nicht angemeldet
div-Anzeige in FF/IE
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>
-
Hi,
habe ein Layout, dass auch so weit meinen Vorgaben entspricht. Einzig ein div-Container am unteren Seitenrand (ID="footer") wird im IE richtig angezeigt,
unterscheide "richtig" von "wie gewünscht".
im FF jedoch ohne backgroundcolor? Wieso bitte?
Weil Du den Footer auf 20px Höhe beschränkst, er also hinter dem Container endet. Da die overflow-Eigenschaft den Wert "visible" besitzt, ist der Inhalt trotzdem unterhalb des Containers sichtbar.
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:| br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes