Dimensione sito

[Il Gecko]

Salve a tutti.. sono nuovo, poichè ho scoperto solo ora il forum di html.it
Nn riesco a fare una cosa..
Io volevo fare in modo che il sito, se il contenuto è poco, si estenda fino in fondo alla pagina, ma se il contenuto è maggiore della pagina, si allunghi giusto per i contenuti...
spero abbiate capito..
PS: ho provato e mettere height: 100%; ma se il contenuto è tanto, mi sfora dal conteiner...

[_underscore]

Se ho capito bene :master: ... se il contenuto è poco la pagina si allunga per tutta la lunghezza dello schermo, altrimenti la pagina resta sempre alta quanto lo schermo ma il contenuto deve cmq entrarci tutto.

Giusto???

[Il Gecko]

Più o meno... se il contenuto è poco la pagina si allunga per tutta la lunghezza dello schermo, altrimenti la pagina si adatta al contenuto e quindi viene na scroll.. capito?

EDIT: scusatre ho sbagliato, potete spostarmi il Topic in CSS plz?? nn l'avevo vista la sezione apposita...

[_underscore]

Ma vuoi vedere sempre e cmq tutto in una pagina alta quanto lo schermo quindi???
Se è così allora devi usare i frame o al massimo gli iframe, anche se te li sconsiglio vivamente.

Io preferisco avere una pagina lunga 1 KM anzichè usarli, anche perchè cmq avrai sempre una scrollbar.

Ovviamente dipende sempre da ciò che devi fare ...

Ciao

[Il Gecko]

Non hai capito, intanto uso i CSS, e poi se il contenuto della pagina è lungo 1 Km, io voio la pag lunga 1 Km...

[_underscore]

Allora scusami ma non ho capito cosa ti serve!!!

[Yappy]

C'è un articolo interessante a tal proposito, forse fa al caso tuo...

http://www.constile.org/tips/min-height/

Ciao,
Alex

[whiteduke]

Altro link utile può essere questo, guardati gli esempi:
http://www.html.it/layout_css/

Ciao

[Il Gecko]

Sono riuscito a risolvere il mio problema da solo:
ho creat due div:
div#falso{
width: 720;
height: 100%;
display: block;
background: #7b827a;
border: 1px solid #000;
margin: 0 auto;
border-top: 0;
border-bottom: 0;
margin-top: 0;
margin-bottom: 0;
}

div#container{
width: 720;
height: auto;
background: #7b827a;
margin: 0 auto;
border-top: 0;
border-bottom: 0;
margin-top: 0;
margin-bottom: 0;
}

poi ho messo:
<div id="falso">
<div id="container">

</div>
</div>