Hi,
sry erstmal dafür falls es solche Fragen schon gab, aber nach etlichen Google Attacken hab ich einfach keine Lust mehr zu suchen.
Hier erstmal der HTML Code der Seite:
Und nun noch mein aktuelles CSS:
Nun die Frage:
Wie schaffe ich es, das der Footer ganz unten am Bildschirmrand ist (und natürlich noch weiter unten wenn der Inhalt für die Browserhöhe zu groß ist) und das die Divs #LeftMenu, #ContentBlock und #RightMenu immer auch wirklich bis nach unten durchgehen.
Momentan ist es so, das auf der Seite noch nicht viel Inhalt ist (ist momentan nur ein Design Beispiel) und damit die 3 Divs noch kleiner sind als das eigentliche Browserfenster. Der Footer klebt auch schon an den Divs unten dran, aber halt nicht unten am Browserfenster.
Wer sich mal die aktuelle Seite anschauen möchte:
http://dev.rebellenherzen.de/WORKFILES/index.html
Bitte nicht an den Bildern stören, die werden noch geändert (es handelt sich halt nur um eine Stammpage für meinen Stamm aus dem Steinzeitspiel).
Bin langsam echt am verzweifeln... Im Internet findet sich nix gescheites dazu.
Vlt. bin ich aber auch nur einfach zu blöd für CSS (bin eigentlich PHP und HTML Coder) und der Aufbau der ganzen Seite ist falsch (das mit dem float usw.)
Bitte helft mir bei dem Thema.
Gruß
Xerrez
sry erstmal dafür falls es solche Fragen schon gab, aber nach etlichen Google Attacken hab ich einfach keine Lust mehr zu suchen.
Hier erstmal der HTML Code der Seite:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Rebellenherzen - Home</title>
<link rel="stylesheet" href="/css/style.css" />
</head>
<body>
<div id="Content">
<div id="Header">
</div>
<div id="MainContent">
<div id="LeftMenu">
</div>
<div id="MiddleBlock">
<div id="ContentBlock">
</div>
<div id="RightMenu">
</div>
</div>
</div>
<div id="Footer">
</div>
</div>
</body>
</html>Und nun noch mein aktuelles CSS:
Code:
html, body {
text-align: center;
color: #FFF;
background-color: #000;
margin: 0;
padding: 0;
}
#Content {
width: 800px;
margin: auto;
text-align: left;
padding: 0;
}
#Header {
background-image: url(/img/header.jpg);
background-repeat: no-repeat;
height: 103px;
width: 800px;
}
#MainContent {
width: 800px;
}
#LeftMenu {
width: 150px;
background-image: url(/img/menu_bg.png);
background-repeat: repeat-y;
float: left;
}
#MiddleBlock {
}
#RightMenu {
float: right;
width: 150px;
background-image: url(/img/menu_bg.png);
background-repeat: repeat-y;
}
#ContentBlock {
float: left;
}
#Footer {
background-image: url(/img/fuss.png);
width: 800px;
background-repeat: no-repeat;
height: 57px;
clear: both;
}Nun die Frage:
Wie schaffe ich es, das der Footer ganz unten am Bildschirmrand ist (und natürlich noch weiter unten wenn der Inhalt für die Browserhöhe zu groß ist) und das die Divs #LeftMenu, #ContentBlock und #RightMenu immer auch wirklich bis nach unten durchgehen.
Momentan ist es so, das auf der Seite noch nicht viel Inhalt ist (ist momentan nur ein Design Beispiel) und damit die 3 Divs noch kleiner sind als das eigentliche Browserfenster. Der Footer klebt auch schon an den Divs unten dran, aber halt nicht unten am Browserfenster.
Wer sich mal die aktuelle Seite anschauen möchte:
http://dev.rebellenherzen.de/WORKFILES/index.html
Bitte nicht an den Bildern stören, die werden noch geändert (es handelt sich halt nur um eine Stammpage für meinen Stamm aus dem Steinzeitspiel).
Bin langsam echt am verzweifeln... Im Internet findet sich nix gescheites dazu.
Vlt. bin ich aber auch nur einfach zu blöd für CSS (bin eigentlich PHP und HTML Coder) und der Aufbau der ganzen Seite ist falsch (das mit dem float usw.)
Bitte helft mir bei dem Thema.
Gruß
Xerrez
