[cssdesign] altezza 100% e div annidati

Alex alex a arci-passepartout.org
Ven 11 Nov 2005 10:19:44 CET


Matteo Rocco ha scritto:

> ..la pagina deve occupare il 100% dell'altezza.

ho notato che nel css hai messo vari height:100%, se non mi sbaglio quel 
valore non ha senso (nn mi ricordo il perché, dovrei spulciare i vari 
argomenti a proposito)

> ..ora dopo diverse prove ho scoperto che:
> 1) se setto overflow: hidden oppure overflow: auto su #page, #nonFooter 
> e #container funziona tutto a meraviglia su Firefox
> 2) se non metto overflow funziona tutto su Explorer
> 
> Quando dico funziona a meraviglia intendo che:
> 1) se body2 contiene poco testo, il footer è cmq posizionato in fondo 
> alla pagina
> 2) quando body2 contiene tanto testo la pagina si estende
> 3) quando modifico la dimensione del font la pagina si estende
> 
> Quindi domande:
> 1) Perchè overflow fa funzionare FF ma non IE ?

perché IE non applica il css in modo corretto.

> 2) Come devo impostare la proprietà overflow in modo tale che la 
> interpreti FF e non IE?
> 


creii una classe specifica (quella con overflow) per Firefox che non 
viene letta da IE.

classeXY {
	niente overflow
}

html > body classeXY {

	overflow: i tuoi valori;

}

in questo modo IE non legge l'overflow, mentre Firefox si


Premessa: non ho studiato molto il tuo problema, ho solo letto la mail e 
da quello che scrivi trovato una soluzione rapida. Sicuramente c'è un 
metodo più corretto per impostare il tutto affinché funzioni tutto su 
tutti i browser.

Ciao
Alex




Maggiori informazioni sulla lista cssdesign