Container div 100% hoogte

[Blaat]

Ik heb een div "container" met een achtergrondafbeelding, ik wil dat deze even hoog is als de hoogte van het browser venster, zodat het venster volledig gevuld is. Dit werkt, maar nu wil ik ook dat als ik hem opvul met meer content (en de container dus hoger wrd dan de hoogte van het browservenster), dat deze container dan ook groter wrd.

html, body {

height:100%;

}

#container {

margin-left:auto;

margin-right:auto;

width:918px;

min-height:100%;

height:auto !important;

height:100%;

background-image:url(images/newBg.png);

background-position:0px 277px;

background-repeat:no-repeat;

}

[stegisoft]

Hebt je css getest in firefox?

Ik denk niet dat het zo werkt bij een andere resolutie.

[leroy]

ik heb even je CSS gekopieërd, en als ik het goed heb zou het zo moeten werken.

Heb het zelf niet uitgetest. Maar ik zag dat hij de vaste hoogte op 100% zette, wanneer je deze dan gaat overschrijven blijft hij maar 100%, en vergoot de DIV zich niet. Deze heb ik dus weggehaald. Ook heb ik de autoheight weggehaald, want deze is volgens mij niet nodig. Het zou kunnen zijn dat je hem misschien nog terug moet zetten desnoods, mocht het niet werken.

Ik raad trouwens nog iets af om te doen, dat ik dubbele elementen te gebruiken, zoals je eerder deed.

voorbeeld:

height:auto !important;

height:100%;

Je gebruikt hier 2x het element Height: .. dit raad ik af om te gebruiken. Het zou kunnen zijn dat Internet Explorer dit niet pakt, of dat een andere browser het niet pakt.

Hier je CSS:

html, body {

height:100%;

}

#container {

margin-left:auto;

margin-right:auto;

width:918px;

min-height:100% !important;

background-image:url(images/newBg.png);

background-position:0px 277px;

background-repeat:no-repeat;

}

Groeten,

Leroy