aiuto per strutturazione background

[Valeria75_bis]

Ciao a tutti, ho questo problema:

ho uno sfondo sfumato (da scuro a chiaro), dall'altro verso il basso

sopra questo sfondo vorrei posizionare 3 oggetti della lunghezza di 980px

menu
content
footer

separati (quindi tra un oggetto e l'altro ho uno spazio che deve consentire di visualizzare lo sfondo)


lo sfondo si divide in 2:
primo pezzo da scuro a chiaro (per la parte superiore della pagina
secondo pezzo da chiaro a scuro (per il fondo della pagina)
la parte centrale presenta quindi lo stesso colore

come posso strutturare sfondo e div dei 3 oggetti in modo corretto??

Grazie per l'aiuto!

[Number22]

Ciao, se fossi inte creerei 3 div con larghezza al 100% , specifichi per ognuno l'altezza che vuoi e poi imposti i margin-top e hai finito, fai un po' di prove, non è difficile come layout!

[Valeria75_bis]

Sto facendo qualche prova.... ci sono quasi.

Ho solo questo problema: attualmente ho creato con uno sfondo sfumato (da scuro a chiaro), vorrei però un effetto del tipo: scuro chiaro scuro

Il mio effeto (da scuro a chiaro) sono riuscito a crearlo semplicemente con un img (da scura a chiara) e poi con una sfondo di default del colore della sfumatura più chiara

<div id="main"> 
    
<div id="menu">

Menu

</div>    





<div id="content">

Content

</div>





<div id="footer">

Footer

</div>


</div> 

body
{
    background: #c3d1d8 url(images/bg3.gif) repeat-x;
}

#main
{
    margin: auto;
    width: 980px;
    height: 600px;
}


#menu
{
    margin-top: 100px;
    width: 100%;
    background: #ffffff;
}

#content
{
    width: 100%;
    background: #ffffff;
}

#footer
{
    width: 100%;
    background: #ffffff;
} 

Come posso applicare allo sfondo quel doppio effetto?? (scuro, chiaro, scuro) ... indipendentemente dall'altezza della pagina??


Grazie

[Valeria75_bis]

Nessun aiuto??

[Number22]

Ma i div non hanno altezza fissa?

[Valeria75_bis]

quindi??

[miki003]

A questa immagine dai una ripetizione sull'asse x e ottieni lo sfondo che tu vuoi poi sopra metti tutti i contenuti che vuoi e dove vuoi:

[Number22]

quindi cercavo di capire se volevi una sfumatura sui lati (che non crea problemi in base alla'altezza) o una sfumatura sui bordi (superiore e inferiore) che si fa in un altro modo..tutto qua..comunque perfetto come ti è stato suggerito!

[Valeria75_bis]

Grazie ad entrambi .... non ho capito una cosa: l'immagine è perfetta, è proprio quello che volevo!

ma il problema è che la pagina non ha un'altezza fissa.... quindi immagino che dovrei "centare" quell'immagine e proseguire la parte superiore ed inferiore in eccesso con un il colore piu scuro... a livello teorico è corretto?? a livello pratico come posso applicare questa soluzione ai CSS che ho creato e che ho postato?

Grazie

[Valeria75_bis]

Nessun aiutino??