layout height:100% e Immagine fondo

[majorTom]

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

[fcaldera]

se ho ben capito:

togli l'height dovunque hai impostato height: 100%

poi cambia basemod.css (linea 41)

#col3 {
background:#413E35 url(images/fondo.jpg) repeat-y scroll left top;
margin:0px;
width:auto;
}


per finire, non ho capito a cosa ti serve definire il posizionamento relativo per certi blocchi.

[majorTom]

Ciao e grazie intanto per la risposta...

purtroppo però così facendo non gestisco correttamente il caso in cui il contenuto sia più corto della pagina, cioè il fondo non arriva a fondo pagina, ma si ferma alla fine dei contenuti...
ecco l'esempio...
http://test.nextneed.it/testcss/test2.php

ps:tutti quei posizionamenti relativi sono divuti al fatto che sto realizzando il css con YAML (http://www.yaml.de), una volta definito il layout farò un bel po' di pulizia, visto che di default propone un layout 3colonne + header + footer. Lo so che i puristi storceranno il naso, ma per me che non opero quotidianamente con i css è una manna...

boh... intanto provo a sbatterci un'altro po' la testa...

Ciao!

[fcaldera]

allora usa un min-height sul contenitore che deve avere un altezza minima