Position absolute altezze 100%

[Polley]

html {height: 100%}
body {height: 100%}

#Cornice {position: relative; height: 100%; background: #c0c0c0;}
#Testata {height: 90px; background: #ffffcc;}

#Contenuto {height: ???;}

#Basso {
position: absolute;
left: 0;
bottom: 0;
height: 30px;
background: #ae55ae;
}


<div id="Cornice">
<div id="Testata">Testata</div>
<div id="Contenuto">Contenuto</div>
<div id="Basso">Basso</div>
</div>


Riassumendo:
Cè un div da cornice centrale che occupa tutto il documento visualizzato con un posizionamento relative, poi ho un div Basso che se ne stà giu attaccato alla fine del documento!!!

il contenuto varia e se aumenta fino a far scrollare la pagina il div Basso non scende assieme al div Cornice 100% ma se ne stà dove era prima!!!

perchè ???

[whiteduke]

Penso che il problema sia la position:absolute del div basso.Prova a settare position: relative e prova a rivedere anche le altre position. Altrimenti prova a settare clear: both nel div basso.
Ciao

[Polley]

il problema è solo con FF NE Opera, con IE funziona!!

ma è impossibile fare un layout estensibile all 100% in altezza ?? VVoVe:
avete un tutorial online ?

ho provato a fare diversamente:

<div id="Cornice">contenuto vario</div>
<div id="Basso">basso</div>

mantenedo sempre il body html height 100% adesso ho:

#Cornice {height: 90%;}
#Basso {height: 10%;}

quindi ho due div uno sopra ed uno sotto estensibili e funziona, ma quando il contenuto della Cornice si estende troppo il Basso resta fermo e gli passa sopra !!!

:master:

[whiteduke]

Penso questo possa esserti utile:

http://pro.html.it/articoli/id_534/idcat_8/pro.html

[Polley]

niente non si può fare

ho tolto tutto e tenuto i due div centrali quello sopra 90% quello sotto 10% in fatto di altezze, ma scazza di brutto :rollo:

[Polley]

praticamente dovrei realizzare un layout come questa tabella!

<table>
<tr><td>Altezza 90%</td></tr>
<tr><td>Altezza 10%</td></tr>
</table>

quando il contenuto della prima cella è poco esso si estende spingendo in basso la seconda cella, quando il contenuto supera il documento compaiono le scrollbar e tutto si estende verso il basso senza scaxxare!!!

con i div è possibile farlo ?