Hjelp til CSS

[joenohr]

Hei,

 

Jeg har følgende problem som Dere ser av bildene.

Divven med innholdet mitt strekker seg ikke helt ned når ikke det er nok innhold i den.

 

Skal jeg ha det slik at den følger med når det blir scroll på sidene så blir områdene som ikke er i senter av skjermen på hver side hvite når scrollen aktiveres.

 

Hva er galt?

 

Her er css

 

body {
/*standard body tag */
margin: 50px 0px; padding:0px;
text-align: center;
height: 100%;
}

div#container {

/*brukes kun for å gi Content en referanse til 100% høyde */
position: absolute;
top: 0px;
left: 0px;
width: 100%;
background-color: yellow;
height: auto;
min-height: 100%;
}

div#flash {

/*flashbox, banner box*/
width: 955px;
height: 269px;
display: block;

}


div#content {

/*inneholder boksen som flyter over senter av skjerm */
width: 955px; /*standard for 1024x768*/
margin: 0px auto;
text-align: left;
background-color: green;
border-left: 1px solid #b8b8b8;
border-right: 1px solid #b8b8b8;
min-height: 100%;
height: 100%;


}

div#text{

width: 955px;
margin: 0px auto;
text-align: left;
overflow: auto;
background-color: blue;
}

div#logo {

/*denne holder av plass til windsor logoen og bilde */
position: relative;
top: 0px;
left: 0px;
width: 100%;
height: 60px;

}

div#links {

/*boks for tekstlinkene som ligger i det grå feltet under hovedbilde*/
position: relative;
height: 25px;
width: 100%;
background-color: #b8b8b8;
}

 

 

hjelp mottas med stor takk!

 

[vegham]

Prøv med body, html { height:100%; }

[mikk-]

Du må sette en min-height body, altså en minimumshøyde. IE6 tolker height som min-height, så vi må bruke noen hacks.

 

body {
 height: auto !important;
 height: 100%;
 min-height: 100%;
}