Premetto che sono alle prime armi con l'xhtml e con i css.
Sto rivedendo le pagine del mio sito e ho un problema con la visualizzazione:
- con IE 6 vedo la pagina come vorrei che fosse;
- con Netscape e Mozilla la barra di navigazione inferiore si sposta non so perchè...
Questa è la pagina: http://www.crisesto.org/sito/css3.htm
aamex
tu usi per tutte le 3 fasce verticali che stanno al centro il float:left
di conseguenza in fondo, quando vuoi ripristinare il tutto devi usare il clear:left o clear:both, altrimenti anche la fascia in basso si adatta
in explorer non lo fa perchè ti considera l'altezza settata a 100% dei box precedenti e di conseguenza la fascia in basso inizia solo quando finiscono quelle precedenti e quindi ha spazio
i gecko-based e opera invece non te la considerano, ma va in "auto" e quindi anche questo lo puoi risolvere mettendo una cosa tipo
min-height: 100%
height: auto !important
height: 100%
al posto del semplice height: 100% dato alle fasce
(in concomitanza con il clear:both per la barra in basso)
ciauz
"La consapevolezza di Case suddivisa come perle di mercurio. La sua visione era sferica, come se una singola retina rivestisse la superficie interna di un globo che conteneva tutte le cose, se tutte le cose si potevano contare." —Neuromante, William Gibson (1984)
Grazie per il consiglio... ma come e dove lo inserisco?Originariamente inviato da panta
di conseguenza in fondo, quando vuoi ripristinare il tutto devi usare il clear:left o clear:both, altrimenti anche la fascia in basso si adatta
aamex
nel primo elemento che non deve fare il float, in questo caso nella fascia in basso (mentre il discorso del min-height è una cosa leggermente a parte e si riferisce ai tre blocchi sopra)
"La consapevolezza di Case suddivisa come perle di mercurio. La sua visione era sferica, come se una singola retina rivestisse la superficie interna di un globo che conteneva tutte le cose, se tutte le cose si potevano contare." —Neuromante, William Gibson (1984)
Permessi di invio
Rispondi quotando