Hallo,
Seit mehrere Stunden probiere ich erfolglos den footer einfach ganz unten zu plazieren.
IE ist brav und machts so wie ich es will, FF aber nicht.
Seit mehrere Stunden probiere ich erfolglos den footer einfach ganz unten zu plazieren.
IE ist brav und machts so wie ich es will, FF aber nicht.
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
html, body {
height: 100%;
}
body {
margin: 0;
padding: 0;
background-color: #99FF00;
}
#container {
position: relative;
min-height: 100%;
height: 100%;
height: auto;
}
html>body #container {
height: auto;
}
#header {
line-height: 291px;
width: 712px;
background-color: #0099FF;
}
#content {
padding-bottom: 35px;
width: 712px;
}
#footer {
position: absolute;
bottom: 0;
width: 712px;
height: 30px;
border-top: 5px solid #D2D2D2;
background-color: #F3F3F3;
}
#navigation {
width: 197px;
height: 200px;
float: left;
background-color: #FFFFCC;
}
#contents {
width: 515px;
height: 400px;
float: left;
background-color: #fff;
}
</style>
</head>
<body>
<div id="container">
<div id="header"> heder </div>
<div id="content">
<div id="navigation">navigation</div>
<div id="contents">inhalt</div>
</div>
<div id="footer"> footer </div>
</div>
</body>
</html>