Seite 100% Höhe vom Browserfenster - Wie?

Seite 100% Höhe vom Browserfenster - Wie?

Beitragvon Xerrez » 15.01.2008, 23:06

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:

Code: Alles auswählen
<DOCTYPE>
<html>
   <head>
      <title>Rebellenherzen - Home</title>
      <link>
   </head>
   <body>
      <div>
         <div>
            &nbsp;
         </div>
         <div>
            <div>
               &nbsp;
            </div>
            <div>
               <div>
                  &nbsp;
               </div>
               <div>
                  &nbsp;
               </div>
            </div>
         </div>
         <div>
            &nbsp;
         </div>
      </div>
   </body>
</html>


Und nun noch mein aktuelles CSS:

Code: Alles auswählen
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
Xerrez
neu hier
 
Beiträge: 1
Registriert: 15.01.2008, 22:58

Beitragvon Laus » 16.01.2008, 14:59

Hallo

Das mit den 100% Höhe kannst du auf 2 verschiedene Arten lösen.
Einmal mit -->Floatenden Divs<-- (Schau dir dazu den Quelltext an), oder mit -->footerStickAlt<-- . Beispiele dazu findest du -->Hier<--

Gruß Xaver
Lachen ist kein schlechter Anfang und bei weitem das beste Ende.
(Oscar Wilde)
Benutzeravatar
Laus
Moderator
 
Beiträge: 1229
Registriert: 25.02.2006, 00:30
Wohnort: Furth im Wald


Moderatoren: Laus, Moderatoren

Ähnliche Beiträge zu "Seite 100% Höhe vom Browserfenster - Wie?"

Zurück zu: CSS für Anfänger

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 7 Gäste