[CSS] Problema con altezza container

[carloast82]

Ciao a tutti.
non sono ancora riuscito a capire come fare ad avere il div container che assuma l'altezza minima 100% e nel caso in cui invece i contenuti della pagina superino il 100% che si adatti.

mi succede questo

screenshot

qualcuno sa darmi qualche link che sia chiaro in merito a questo problema che ho?

se avete voglia di guardare il css della pagina invece lo trovate qui

CSS


la struttura della pagina html invece è la seguente.

<div id="container">
  <div id="header"></div>
  <div id="nav"></div>
<div id="content">
  <div id="contentSX"></div>
  <div id="contentCX"></div>
  <div id="contentDX"></div>
</div>
</div>
  <div id="footer"></div>

ciao e grazie mille a tutti.

:master: :master:

[carloast82]

ho appena notato invece che con IE funziona perfettamente.
la cosa è abbastanza curiosa!

[Mich_]

Non e` poi cosi` strana.

IE interpreta height come se fosse min-height.

Quindi devi fornire
min-height: 100%; /* per tutti i browser standard */
height: 100%; /* per IE */

Normalmente questo si ottiene con:

  min-height: 100%; 
  height: auto !important;
  height: 100%;

Solo non so come si comportera` IE7 (di prossima pubblicazione).

[carloast82]

grazie mille.. per IE7 al momento non me ne preoccupo più di tanto... speriamo solamente abbiano preso spunto da firefox...

grazie ancora

[carloast82]

niente da fare... il problema rimane

[biosimulant]

Originariamente inviato da carloast82
niente da fare... il problema rimane

devi agire sull'immagine....
l'overcome si chiama dell'immagine puo' essere regolata...
con hidden,auto....e non ricordo piu'...
Creso comunque che solo questi due siano accettattai da tutti i browser(s) anche se vado a memoria e potrei sbagliare....

[carloast82]

scusa ma di che immagine stai parlando??

[carloast82]

ho risolto


alla fine il problema era che avevo messo il div footer fuori dal container.
mi è bastato assegnargli bottom:0; e inserirlo come ultimo div all'interno del container ed ora funziona....

ciao e grazie a tutti quanti!

[biosimulant]

Originariamente inviato da carloast82
ho risolto


alla fine il problema era che avevo messo il div footer fuori dal container.
mi è bastato assegnargli bottom:0; e inserirlo come ultimo div all'interno del container ed ora funziona....

ciao e grazie a tutti quanti!

....di nulla.....
L'immagine e' il testo che sta in mezzo al tuo screenshot che io ho visto come immagine.....

forse avrei dovuto chiedere prima di parlare.....