layout in css

[t1t]

sto cercando di realizzare un layout composto da un header un corpo centrale per i contenuti e un footer che stiano tutti in un unica colonna al centro della pagina (di larghezza 760px)

volevo fare in modo che:

-il footer sia sempre in fondo alla finestra
-se ci sono troppi contenuti appaia uno scroll nel div centrale senza che mi si allunghi la pagina..


per ora sto sbattendo la testa su questo

www.t1t.it/turrismo/index.html

ma ho il problema che se inserisco troppi contenuti la pagina si allunga e appaiono gli scroll sulla finestra...


l'idea sarebbe questa

[NuxiL]

Nel div del contenuto (mettiamo <div id="contenuto">) dai al css:
#contenuto {height: 500px; overflow: scroll; }
Ovviamente 500px è un esempio, devi adattare l'altezza alle tue preferenze.

[t1t]

forse non mi sono spegato

header sta in alto alla finestra e ha una altezza che conosco
footer voglio che stia fisso in fondo alla finestra e anche di lui conosco l'altezza

al centro voglio far in modo che ci sia un div che occupa la restante parte di pagina e faccia apparire uno scroll se i contenuti sono troppi ( e farebbero allungare la pagina)

[fcaldera]

come questo ?

[NuxiL]

Originariamente inviato da t1t
forse non mi sono spegato

header sta in alto alla finestra e ha una altezza che conosco
footer voglio che stia fisso in fondo alla finestra e anche di lui conosco l'altezza

al centro voglio far in modo che ci sia un div che occupa la restante parte di pagina e faccia apparire uno scroll se i contenuti sono troppi ( e farebbero allungare la pagina)

Infatti, quello che ti ho detto io è come fare il div con lo scroll, pensavo che il problema fosse solo quello.

[t1t]

Originariamente inviato da fcaldera
come questo ?

ottimo questo mi va già bene!


la mia idea era quella che lo scroll comparisse solo sul div al centro ma anche così va benone!


grazie mille a tutti

[t1t]

il solito IE

sto adattando il layout passatomi sopra ovvero:

http://www.cssplay.co.uk/layouts/bodyfix.html


al sito che sto facendo

http://www.t1t.it/turrismo/index.htm


su firefox, opera, safari, camino, shira tutto ok...
su IE no!
lo scroll è sfasato (parte del testo è pure nascosta) e alcuni div staccati


sto cercando l'errore ma non riesco a trovarlo!


nottata improducente

[fcaldera]

Originariamente inviato da t1t
ottimo questo mi va già bene!


la mia idea era quella che lo scroll comparisse solo sul div al centro ma anche così va benone!


grazie mille a tutti

http://www.cssplay.co.uk/layouts/fixit.html

This layout has been tested successfully on a PC running Mozilla 1.7.5, Netscape 7.1 (yes even NN), FireFox 1.0.3, Opera 8, Internet Explorer IE5.01, IE5.5 and IE6

[t1t]

appunto, con IE 6 dovrebbe funzionarmi no?!

[fcaldera]

occhio che l'ultimo link è diverso dal primo. Sono esempi diversi