css problema compatibilità explorer - firefox (lunghetto)

[gtspecial]

ciao a tutti, so che è un problema molto diffuso, ma purtroppo nel forum non ho trovato nulla che potesse aiutarmi...

veniamo al dunque: ho una pagina che utilizza css per l'impostazione del layout, solo che da dei problemi su explorer per chi ha un'impostazione del monitor inferiore a 1024x768.

La pagina corretta è questa:


Questa è Firefox a basse risoluzioni:


Questa è esplorer a basse risoluzioni, cioè quella con il problema:


il problema si presenta nel blocco centrale (quello con lo sfondo azzurro): in firefox tutto bene anche a basse risoluzioni, compare una barra di scorrimento laterale ma tutto rimane al suo posto.
In Explorer invece a basse risoluzioni tutto il blocco centrale va sotto agli altri due e non ho trovato il modo di farlo rimanere allineato agli altri (che sarebbero i due menù laterali).

Ho provato anche mettendo "overflow: scroll" ma non cambia nulla.


Questi sono i css utilizzati per i blocchi:

.menusx { FLOAT: left; HEIGHT: 480px}
.contenuti { OVERFLOW: auto; WIDTH: auto;height: 80px;}
.menudx { FLOAT: right; HEIGHT: 480px}

Questo è il blocco che li contiene tutti e tre:

.central { FLOAT: no; WIDTH: 100%; HEIGHT: auto}


Secondo voi si può fare qualcosa, a parte rifare tutto il sito?
grazie a chi vorrà aiutarmi
Giord

[Mich_]

Potresti anzitutto usare gli attributi corretti: le maiuscole nei CSS sono sbagliate, ed i browser potrebbero non interpretarle.

Non capisco l'altezza 80px del campo centrale: mi pare che sia un po' bassa;

Tieni presente che IE interpreta height come min-height, per cui occorre usare una patch se vuoi fare un CSS cross-browser (ne trovi in questo forum o anche nei siti citati tra i "link utili", tipo constile.org

[gtspecial]

ok, grazie per la risposta.
Ho messo tutto minuscolo e sistemato l'altezza ma non cambia nulla, provo a dare un'occhiata ai link che mi hai segnalato.

Giord

[zoom]

float:no non esiste, devi usare float:none al limite. e comunque in quel caso non serve.
per basse risoluzioni intendi carattere a dimensione piccola oppure risoluzione dello schermo?
per me comunque è width auto sul contenuti che dà problemi...
prova a dimensionare i 3 div e dovrebbe funzionare...

[gtspecial]

grazie della risposta zoom,

ho eliminato float: no perchè in effetti anche su W3c dice che non esiste, poi ho provato a dimensionare i 3 div, (200,500,200) togliendo width auto, ma non cambia nulla, nel senso che a risoluzioni basse del monitor, tipo 800x600, il div centrale va sotto agli altri due sconvolgendo la struttura della pagina.

Non riesco a capire come fissarlo in una determinata posizione, dovrei impedirgli di scorrere sotto agli altri...

sto impazzendo!!

[zoom]

ma le immagini nel div centrale come sono posizionate?
sono in tabella? :master:

hai una pagina online?

[gtspecial]

si, praticamente sono tre tabelle contenute in 3 div.
puoi trovare il sito qui (senza correzioni):
http://www.logiser.it

qui invece ho messo una soluzione a larghezza fissa 1024 che funziona quasi correttamente, non è proprio quello che vorrei...

www.logiser.it/_carrelli.htm


Giord

[zoom]

hai messo una larghezza fissa alle tabelle che contengono le immagini...
questa il contenitore è più piccolo di questa misura si incasina tutto andando a capo...
devi dare libertà di movimento anche alle immagini, altrimenti hai tutto mobile e la tabella bloccata. ovviamente non funziona..
poi sono annidatissime le tabelle. secondo me non sono necessarie, potresti farne tranquillamente a meno...

[gtspecial]

hai ragione,

dovrei fare tutto senza tabelle ma sto iniziando ora con i css e ho bisogno di prendere un pò di dimestichezza!

grazie dell'aiuto, alla prossima volta

Giord

[zoom]

de nada.