Ciao a tutti,
Devo creare un layout alto il 100% della pagina. Il layout contiene anche un'immagine di sfondo alta 1800px, che dovrebbe espandersi fino a fondo pagina.

per fare questo ho impostato ad altezza 100% tutti i selettori, compreso html e body.

Nelle pagine che non raggiungono il fondo della pagina(quindi che non scrollano) va tutto bene.
Il problema sono le pagine che scrollano. In questo caso il browser (firefox e safari) prendono come riferimento per il 100% la sezione di pagina visibile nel browser e non l'altezza intera del documento, con il risultato che scrollando non vedo più l'immagine di sfondo.

se al contrario non imposto l'altezza a 100% è corretto con le pagine con molto contenuto che scrollano, mentre giustamente sbaglia con le pagine corte...

è un po' difficile da spiegare, cmq potete trovare una bozza qui
http://test.nextneed.it/testcss/test.php

qualcuno ha qualche suggerimento??


ciao
Luca