CSS - Siden "draes" ikke helt ned

[Hayer]

Hei

 

Har et lite problem med css her. Har en "wrapper" for å midt stille siden, den har hvit bakgrunn. Body har blå bakgrunn. På sidene er det noen "shadows".

 

Alt funker greit med height: 100% , men når innholdet blir for langt i wrapperene så strekker ikke shadowsene seg etter..

 

Se bilde (:

[masb]

Hei

 

Har et lite problem med css her. Har en "wrapper" for å midt stille siden, den har hvit bakgrunn. Body har blå bakgrunn. På sidene er det noen "shadows".

 

Alt funker greit med height: 100% , men når innholdet blir for langt i wrapperene så strekker ikke shadowsene seg etter..

 

Se bilde (:

 

 
div#shadows {
background-repeat: repeat-y;
}

 

sett dette i cssen som jeg går ut i fra at du bruker?

Endret 16. desember 2009 av masb

[lassejl]

Om ikke det løser problemet, ville jeg satt en

overflow:hidden;

i det container elementet som har skyggene. Grunnen til dette er at et container element som inneholder ting som floater, vil ikke wrappe rundt alle elementene dersom høyden er variabel. Løsningene er enten å sette statisk høyde i px, dersom dette ikke er aktuelt er alternativene enten (1) å legge en tom div med style "clear:both;" rett før slutten på container elementet eller (2) å sette "overflow:hidden;" i container elementet.

[funkyboy]

I dette tilfellet er også et alternativ å sette følgende i css;

 

body { background: blue url(path/to/background.png) repeat-y center top; }

 

Dette bildet inneholder litt av den blå bakgrunnen på hver av sidene, samt skyggen(e) og den hvite bakgrunnsfargen. Altså tegnes hele innholdscontaineren din opp helt ned i body uansett hvor høy denne er. Du kan i tillegg sikre deg at innholdscontaineren alltid vil ha hvit bakgrunn ved å også definere dette (dersom ikke bakgrunnsbildet lastes inn ved en feil, vil innholdscontaineren din i dette tilfellet ha blå bakgrunn).