Laitoin sivuille varjot alla olevalla koodilla, mutta pienentäesssä ikkunaa varjot menevät piiloon bodyn alle :( Tahtoisin niiden menevän juuri toiseen suuntaan, että kuva alkaisi aina samasta kohdasta mihin body loppuu.
#grad_vasen{
width:5%;
top:0px;
left:0px;
bottom:0px;
background-position:left;
background-repeat:repeat-y;
background-image:url('./kuvat/grad_vasen.png');
position:absolute;
bottom:0px;
}Mikäli vasen ja oikea laita olisivat aina yhtä isoja, selviät ilman varjoelementtejä. Laitat vaan bodyyn taustakuvan mutta et taustaväriä ja html-elementtiin taustavärin ja toisen taustakuvan. Laitasi ovat kuitenkin aina lähes saan kokoisia, joten yhtä hyvin voit vaihtaa kiinteisiin arvoihin. Tosin sen verran joudut säätämään, että tarvitset lisäelementin bodyn alle, jonka sisällä kaikki muu on.
"Laitasi ovat kuitenkin aina lähes saan kokoisia" Ei ole, kun bodyssä on min-width:1000px joten laidat menevät siinä paikkeilla ihan nollaan -> XGA-näytöllä ei ole tietoakaan varjoista ja silti näkyy reunoja jonkin verran :(
Helpoin tapa olisi varmaan laittaa nykyisen bodyn rinnalle 5% divit, mutta tätä en tahtoisi, kun alle 1000px leveäkin ikkuna näkisi reunat turhaan.
Aihe on jo aika vanha, joten et voi enää vastata siihen.