Hallo,
ich habe folgendes Problem: der Footer ist halt jetzt unten, aber wenn man das Fenster länger macht, dann bleibt der nicht unten und wenn man das Fenster kleiner macht, muss man scrollen... ich hoffe ihr versteht was ich meine... Hier der Code:
ich habe folgendes Problem: der Footer ist halt jetzt unten, aber wenn man das Fenster länger macht, dann bleibt der nicht unten und wenn man das Fenster kleiner macht, muss man scrollen... ich hoffe ihr versteht was ich meine... Hier der Code:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>Das Riff - Die Musikkneipe in Hamburg-Volksdorf</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body id="main">
<div id="container">
<div id="header">
<h1>TITEL</h1>
<h2>Untertitel</h2>
</div>
<ul id="navi">
<li><a href="#">Link</a></li>
</ul>
<div id="content">
<h1>Überschrift</h1>
</div>
<div id="footer">
<p>Lorem Ipsum...</p>
</div>
</div>
</body>
</html>
HTML:
body{
margin:0;
background-color:#d50000;
}
#container {/*BODY ID*/
position:relative;
min-height: 100%;
}
/* HEADER */
#header {
width:900px;
height:190px;
margin-left:11px;
background-image:url('header2.gif');
}
#header h1 {
display:none;
}
#header h2 {
...
}
/* CONTENT */
#content {
padding-left:350px;
padding-top:0;
min-height:390px;#379px;
background-image:url('body.gif');
background-repeat:repeat-y;
}
#content h1 {
...
}
/* FOOTER */
#footer {
min-height:57px;
width:100%;
position:absolute;
bottom:0;
background-image:url('footer.gif');
}
/*NAVIGATION*/
#navi {
float:left;
display:block;
position:relative;
left:11px;
width:173px;
}
