Hallo, ich hab mich hier mal umgeschaut und nach einer lösung gesucht um den Footer immer unten anzeigen zu lassen, auch wenn die Seite einen Scrollbalken beinhaltet, soll der Footer immer unten an der Seite angerichtet werden.
Hier mal mein ganzer HTML Code
und die CSS Codes zum Container, HTML; Body, Content und Footer
Vielen Dank für eure Antworten
Hier mal mein ganzer HTML Code
Code:
<html>
<head>
<title>LAN-Party</title>
<link rel="stylesheet" type="text/css" href="page.css" />
<meta http-equiv="Content-Type"
content="text/html; charset=ISO-8859-1" />
</head>
<body>
<div id="container">
<div id="content">
<div id="banner">
<center><img src="http://www.tutorials.de/forum/images/absurd_logo2.jpg" alt="Der Banner" border="0" /></center>
</div>
<div id="links">
<!-- die Datei menu.php -->
<center>
<img src="http://www.tutorials.de/forum/images/dd.JPG" border="0" alt="DD" /><br><br>
<a href="index.php">News</a><br><br>
<a href="index.php?section=gb">Gästebuch</a><br><br>
<a href="index.php?section=admin">Admin Login</a><br><br>
<a href="index.php?section=workspace">Workspace</a>
</center> </div>
<div id="mitte">
<b><i><h2>News</h2></i></b>
<div class="newseintrag">
<div class="Titel">
Titel:
2te Testnews </div>
<div class="Datum">
Datum:
2007-10-21 15:37:32 </div>
<div class="Inhalt">
Jau, noch eine! </div>
</div>
<div class="newseintrag">
<div class="Titel">
Titel:
Die erste News </div>
<div class="Datum">
Datum:
2007-10-21 15:37:16 </div>
<div class="Inhalt">
Die erste Testnews </div>
</div>
</div>
<br style="clear:both;" />
</div>
<div id="rechts">
Gäste Online: 1<br /> <div id="trenn_linie">
</div>
Mitglieder: 2 <div id="trenn_linie">
</div>
</div>
</div>
<div id="footer">
TEXT
</div>
</div>
</body>
</html>
und die CSS Codes zum Container, HTML; Body, Content und Footer
Code:
html, body {
margin: 0px;
padding: 0px;
height: 100%;
background-color: black;
}
#container {
width: 100%;
position: relative;
min-height: 100%;
height: auto !important;
height: 100%;
margin: auto;
}
#content {
position: relative;
width: 100%;
padding-bottom: 40px;
}
#footer {
background-color: green;
position:absolute;
width:100%;
bottom: 0;
height: 40px;
}
Vielen Dank für eure Antworten
Zuletzt bearbeitet: