100% Höhe funktioniert beim FF nicht :-(

[Domster]

Hallo,

ich möchte, dass mein Design immer die ganze Browserhöhe einnimmt. Beim IE funktioniert es auch, beim Firefox bleibt es - entsprechend des vorhandenen Contents - mitten im Browserfenster hängen. Ich habe jetzt alles durchgegoogelt und meinen Quellcode 150 mal geändert, hoffnungsvoll die Seite im FF aufgerufen und immer blieb der alte Mist.Vielleicht bin ich auch total blind. Es wäre sehr nett, wenn Ihr da mal einen Blick drauf werfen könntet.

Code: Alles auswählen

<style type="text/css">
  html, body {
     height: 100%;
        margin: 0px;
        padding: 0px;
     background-image: url(./images/himmel.jpg);
     background-repeat: repeat;
   text-align:center;
   
   
   }
  div#wrapper {
   width: 990px;   
   margin: auto;
   height:auto !important;
   height:100%;
   min-height:100%;

div#header {
   padding: 0px 0px 0px 4px;
   background-image: url('./images/content_bg.png');
   background-repeat:repeat-y;
}

div#menue {
   background-image: url('./images/content_bg.png');
   background-repeat:repeat-y;
}
div#content_container {
   background-image: url('./images/content_bg.png');
   background-repeat:repeat-y;   
}
div#content{
   width: 940px;
   padding: 30px;
}
div#footer {
   background-image: url('./images/footer_bg.png');
   padding: 30px;   
   
   
}
  </style>

ich bin für jeden Tipp mehr als dankbar.

Gruß,

Rainer

[djheke]

Guck mal

Code: Alles auswählen

div#wrapper {
   width: 990px;   
   margin: auto;
   height:auto !important;
   height:100%;
   min-height:100%;



Es fehlt die geschweifte Klammer.

[Domster]

danke für den Hinweis, aber das war wohl ein Kopierfehler. In der Datei ist sie da. Macht mein Editor auch automatisch.

Gruß,

Rainer

[djheke]

Vielleicht ist das was für dich
Footer mit :before immer unten

[jnv]

Lass mal das "html, "weg. Alternativ die height: 100%; rausnehmen.