Sto facendo un layout con DIV anzichè con tabelle e trovo comportamenti fortemente diversi tra Firefox e Internet Explorer.
In particolare con IE la dimensione dei DIV contenitori si adatta al contenuto anche se il contenuto è composto da DIV con proprietà float; con FireFox i DIV contenitori, se tutti gli elementi contenuti sono flottanti, hanno dimensione 0x0.
Il risultato è che non riesco a colorare lo sfondo sotto gli elementi flottanti su firefox.
Sapete aiutarmi?
La descrizione del problema e` esauriente, ma non ho capito con quali attributi CSS hai realizzato il tutto.
Dovresti postare il pezzetto di HTML interessato, e il CSS corrispondente. Anche il DOCTYPE e` importante, dato che i browser possono comportarsi in modo diverso a seconda del linguaggio usato.
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
In questa pagina si vedono bene i problemi, ma anche nelle altre ce ne sono parecchi.
http://www.immobiliemozioni.it/ChiSiamo.jsp
Il CSS è questo:
http://www.immobiliemozioni.it/main.css
Ora è un pò incasinato.
Grazie.
La pagina e` un po' complessa, per cui non la posso analizzare tutta.
Comunque ci sono molti position, e diversi
position: absolute;
che complicano il layout in maniera esponenziale.
Se riesci ad eliminare tutti i position, probabilmente fai un salto di qualita` nella visualizzazione con tutti i browser.
Lo so: significa rivedere tutto il layout, ma alla fine il tempo che ci perdi lo guadagni dieci volte.
Dovresti anche definire il linguaggio: metti un DOCTYPE come prima riga. Altrimenti ogni browser capisce come vuole.
Altre proprieta` e costrutti da evitare (per non aver differenze di visualizzazione con IE):
- padding (va messo sempre a zero)
- <div src="/immagini/fondinoSinistro.jpg" ... (se e` uno sfondo, va messo nel CSS - e senza alt, se e` un'immagine di contenuto va usato il tag <img>)
- <div ...></div> (ci va almeno uno spazio tra > e < , oppure eliminalo se non serve).
- <u> (e` deprecato - usa uno span con classe opportuna)
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
Grazie dei consigli.
Permessi di invio
Rispondi quotando