Ciao a tutti,
sto realizzando un sito web con i div.
L'esigenza sarebbe quella di avere un layout con 3 div:
- header di altezza 58px
- posizione di altezza 120px
- contenuto di altezza variabile
I 3 div hanno tutti larghezza 900px e sono centrati nella pagina uno sotto l'altro senza ulteriori spazi.
I problemi nascono perchè la pagina ha un'immagine di background fixed, e devo fare in modo che (in caso di scrolling verticale) l'header rimanga fisso ed in primo piano, mentre posizione e contenuto si scrollano (sparendo sotto header mentre salgono).
Posto codice della pagina e del css.
codice:<body style="background-image:url("sfondo.jpg"); background-attachment:fixed; background-repeat:no-repeat"> <div id="contenitore"> <div id="header">HEADER</div> <div id="posizione">POSIZIONE</div> <div id="contenuto_centro">CONTENUTO CENTRALE</div> </div> </body>Vi prego aiutatemi... sono davvero disperato, non so più dove sbattere la testacodice:body { width: 100%; height: 100%; text-align: center; margin: 0px; } #contenitore { width:100%; text-align:center; } #header { position:fixed; height: 58px; width: 923px; margin: 0px auto 0px auto; z-index: 5; text-align:left; } #posizione { position: relative; margin: 58px auto 0px auto; width: 923px; height: 120px; z-index: 2; text-align:left; } #contenuto_centro { position: relative; width: 923px; margin: 0px auto 0px auto; z-index: 1; text-align:left; }
Grazie!
Rispondi quotando
.
