✔ Footer bewegt sich nicht

[Parantatatam]

Hallo! Ich habe jetzt ein Layout entworfen, dass einen Header, einen Inhaltsbereich und einen Footer hat. Das blöde ist nur, dass der Footer sich nicht bewegt, wenn mehr Inhalt vorhanden ist. Ich weiß nur nicht wo der Fehler liegt. Es wäre toll, wenn mir mal jemanden helfen könnte.

Stylesheet:

html, body {
 margin: 0;
 padding: 0;
 width: 100%;
 height: 100%;
 cursor: default;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

body {
 margin-top: -55px;
}

a {
 cursor: pointer;
}

/* Header */
#header {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 55px;
 background: #21211A;
}

/* Positioniert die Inhalt-Box und den Footer */
#container {
 width: 100%;
 height: 100%;
 background: #A2976F repeat-x url("../images/file:background.png/type:png");
}

/* Rückt die WINDOW-Box 50% nach rechts */
#center {
 float: left;
 min-height: 100%;
 width: 50%;
}

/* Zentriert die Inhalt-Box */
#window {
 float: left;
 margin-left: -500px;
 border-left: 1px solid #000000;
 border-right: 1px solid #000000;
 background: #FFFFFF;
 width: 998px;
 min-height: 100%;
 height: auto !important;
}

/* Hält die Inhalt-Box vom Anfang fern */
#blank {
 height: 110px;
}

/* Footer */
#footer {
 width: 100%;
 height: 55px;
 background: #21211A;
}

Body:

<div id="header"></div>
<div id="container">
 <div id="center"></div>
 <div id="window">
  <div id="blank"></div>
  <div id="content">INHALT</div>
 </div>
</div>
<div id="footer"></div>

 

[Maik]

Hi,

dem Footer fehlt die clear:left-Deklaration, um die Floats aufzuheben, und im Dokument wieder den normalen Textfluß herzustellen.

mfg Maik

 

[Parantatatam]

Ah, danke! Jetzt weiß ich endlich, für was das Attribut clear zuständig ist!

 

[Maik]

Ich kann dir jetzt schon voraussagen, dass du mit diesem 100%-Höhe-Seitenkonzept in den standardkonformen Browsern gleich über das nächste Problem stolpern wirst, sobald der Inhalt die 100%-Höhe überschreitet, und die Seite gescrollt werden muß.

mfg Maik

 

[Parantatatam]

Warum? Wie würdest du es den machen?

 

[Maik]

Schau nochmal in dein letztes Thema von heute Nacht, da hatte ich dir eines meiner CSS-Tutorials empfohlen.

mfg Maik

 

[Parantatatam]

Ok, das werde ich machen!