infinito problema con height:100%

[yok]

Buongiorno gente
Ma com'è che se imposto height:100% nel body e poi imposto height:100% in un div#content, che dovrebbe dinamicamente allungarsi a seconda della lunghezza dei contenuti testuali, quest'ultimo(ad eccezzione di IE7) mi straborda oltre il footer di quanto cavolo vuole lui?
Ma sta maledetta storia del height:100% ha una soluzione oppure no?

Grazie, ciao

 

[WpStyle]

Ciao, prova questa soluzione:

html,body{margin: 0;padding:0;height:100%;}

body{a tuo piacimento}

div#contenitore{position:relative; width: 760px; height: 100%;margin: 0 auto;
}

body>div#contenitore{height:auto;min-height:100%}

div#footer{position: absolute;bottom:0; width: 100%;}

 

[yok]

Ciao Kode,
ho provato ad adattare la tua soluzione ma nel mio caso non funziona. Anche perchè ho bisogno che il footer non sia settato con width:100%.
Ho sentito che c'è una soluzione utilizzando Js ma non ho ancora trovato nulla di utile in giro

 

[WpStyle]

Prova a vedere se trovi qualcosa quì:
http://www.xs4all.nl/~peterned/examples/csslayout1.html
http://www.howtoweb.it/tutorial/realizzare-layout-altezza-fluida-con-i-css/

o con jQuery:
http://www.moebiusmania.net/2009/04/13/tutorial-sistemiamo-il-csstip-6-con-jquery/