Altezza di un div con ff ed ie

[kapy]

buon pomeriggio, ho un problema con l'altezza di un div.

ho questo codice css

#menu
{
width:                 15%;
height:                100%;
float:                 left;
font-size:             10px;
background-color:      green;
}

associato al mio bel div. solo che con internet explorer, il div si estende per tutta l'altezza della pagina, mentre con firefox l'altezza si limita a quella del contenuto del div stesso, e non si estende quindi per tutta la pagina. in pratica se il div contiene una riga, esso sarà alto esattamente una riga, e così via...

come posso fare affinchè il div occupi l'intera altezza della pagina?

grazie

[seed_squall_it]

Come sempre, il problema è IE!
Quando dichiari una dimensione in percentuale per un box, questa si riferisce SEMPRE alla dimensione corrispondente dell'elemento che lo contiene. Nel tuo caso quindi IE sbaglia di brutto perché ti fa il box alto come tutta la pagina, mentre Firefox, non avendo tu assegnato un'altezza all'elemento che contiene il tuo div (ovvero il body), non può applicare la dichiarazione height: 100%, perché non sa a cosa riferirla.
La soluzione è dichiarare height: 100% anche il body (e anche l'elemento html, che per quell'indecente di IE serve sempre!).

html,body {
height: 100%;
}

[kapy]

sei un tesoro...

[seed_squall_it]

Se è per questo, guarda che sono anche timido...

[kapy]

ed io sono maschio...


:maLOL:

[seed_squall_it]

Eheh...immaginavo, ma sai...avendo una probabilità del 50% che andasse bene...

[kapy]

[seed_squall_it]

Voglio dire...avendo il 50% di probabilità che non fossi stato maschio... certo che con le donne non ho proprio fortuna...nemmeno a trovarle!

Basta che sennò andiamo troppo OT!