✔ Layout Problem mit wrapper div

[Denniz]

Hi Leute,
ich habe eine Problem mit meinem Layout.
Habe eine Page in der ein wrapper div mittig plaziert ist und dieser soll vertikal mit height:100% über dem gesamten Bildschirm verlaufen. Macht er aber nicht obwohl ich es in meiner CSS Datei so geschrieben habe.
Hier könnt ihr es euch ansehen: http://schrottplatz.pytalhost.com/test/
Habe eine paar <br> in die html gesetzt um zu zeigen was der wrapper div ist.
Meine HTML:

<div id="container">
  <div id="wrapper">
    <div id="maincontent"></div>
  </div>
</div>

Meine CSS:

* {
margin:0px;
padding:0px;
}

html, body {
height:100%;
background: #FFFFFF url(../_images/bg.gif) repeat-y center;
}

#container {
min-height:100%;
background:url(../_images/bgheader.gif) repeat-x  top;
width:100%;
}

#wrapper {
height:100%;
margin:0 auto;
background: url(../_images/bgwrapper.gif) repeat-y;
width:802px;
}

Wo ist der Fehler hierbei? Hab es nur im FF getestet, könnte sein das es in anderen Browsern funktioniert.
Hoffe ihr könnt mir weiterhelfen.

Beste Grüße

 

[Maik]

Wende mal folgende CSS-Regeln auf das Dokument an:

#container {
height:100%;
background:url(../_images/bgheader.gif) repeat-x  top;
width:100%;
}

#wrapper {
min-height:100%; /* Moderne Browser */
height:auto !important; /* Moderne Browser */
height:100%; /* IE */
margin:0 auto;
background: url(../_images/bgwrapper.gif) repeat-y;
width:802px;
}

 

[Denniz]

Wunderbar,

besten dank.