Sfondo bianco e IE

[1802]

Salve a tutti.
Sto mettendo mano al mio sito per dargli una rinfrescatina grafica, aumetare l'accessibilità e la compatibilità con IE.
http://homepage.mac.com/matteo.discardi/home.html

Alcuni utenti mi hanno segnalato che con IE 5/6, alcune volte (random), i blocchi di testo (div) appaiono bianchi, e il testo appare a tratti, o per nulla: questo solo su alcuni, e basta un refresh per far apparire il tutto.

Il sito è in XHTML tableless e blocchi di testo sono div, che contengono un titolo in h1, un testo p e una immagine float (più un elemento hr per far finire il divo dopo l'immagine).

Il sito è certificato e in Firefox/Safari/IEMac il problema non sussiste. Sembra solo su IE per PC.

Qualche idea, link o ceri a Sua Santissima?

[floyd46]

mi pare di capire che la pagina, vista con IE, nn prende subito la formattazione data attraverso i CSS, giusto?
se così fosse, siamo difronte ad un altro piccolo bug (fosse solo questo) di IE. che metodo usi per collegare la pagina html al foglio di stile CSS? il metodo @import?
se così fosse, prova a leggere questo articolo:
http://www.extrowebsite.com/tip.asp?ID=91
spero di esserti stato un pò di aiuto.
saluti

[1802]

mi pare di capire che la pagina, vista con IE, nn prende subito la formattazione data attraverso i CSS, giusto?
se così fosse, siamo difronte ad un altro piccolo bug (fosse solo questo) di IE.

No.
Se guardi la pagina con IE/PC capisci meglio.
Non è un problema di tempo ne di formattazione.

Il testo 'p' sta dentro un div bianco che a sua volta sta dentro un div in un body grigio. Il testo p in alcuni punti si vede (nero, come dovrebbe), in altri non appare o viene colorato di bianco (come lo sfondo).
Il problema credo non sussista se il div NON è bianco.

Sembra un problema di rendering che però è solo di IE/PC, non di altri browser, ma legato ai CSS (la prima versione del sito, senza CSS non soffriva di questo bug).

che metodo usi per collegare la pagina html al foglio di stile CSS? il metodo @import?

No.
Uso link. Non ho utenti N4 o IE3, per cui meglio link.

--
Matteo Discardi 1802
http://homepage.mac.com/matteo.discardi

"Il Signore dei Sogni
impara che bisogna cambiare o morire
e prende una decisione"
Neil Gaiman

[1802]

Ho preparato una immagine:
http://homepage.mac.com/matteo.discardi/img/sito.jpg

Il testo c'è in ogni box. Se si seleziona il testo appare

[Tokai]

di solito è il float che da questo tipo di problema, mi sa che hai utilizzato un po troppi clear both .

prova così:

hr
{
	clear: right;
	margin: 0;
	visibility: hidden;
}

poi aggiungi:

<div style="clear:left;"></div>

subito prima di #footer. per questo ti puoi pure fare una classe tipo:

.recupero_left{
  clear:left;
  font-size:0px;
  line-height:0px;
  height:0px;
}

insomma prova a recuperare il float con il corrispondente clear (float:left;->clear:left già IE si affatica da solo , non lo facciamo pensare troppo .
a questo link trovi un articolo che ti può essere utile.

Credo poi sia meglio specificare una larghezza fissa per div.news, tanto è un layout a dimensioni fisse.

poi se mi posso permettere, ridai un'occhiata al css, specifichi alcune proprieta inutili

[1802]

insomma prova a recuperare il float con il corrispondente clear (float:left;->clear:left già IE si affatica da solo , non lo facciamo pensare troppo .

Uhm... vediamo se ho capito.
I css sono giusti, ma non funzionano perchè sono troppo leziosi? O perchè IE non sa fare i conti?

Battute a parte, non sono sicuro di aver capito correttamente. Ci penso un po su, faccio qualche prova e poi riprendo il post.

Credo poi sia meglio specificare una larghezza fissa per div.news, tanto è un layout a dimensioni fisse.

Beh, in teoria il div sx che contiene i blocchi delle news è fisso, non credevo servisse specificarlo due volte. In più, i blocchi a dx sono anch'essi div.news e li controllo proprio con la dichiarazione al padre.

poi se mi posso permettere, ridai un'occhiata al css, specifichi alcune proprieta inutili

Ti puoi permettere eccome! Io sto imparando. Ho scoperto i CSS e l'XML solo da pochi mesi, e più imparo, più mi rendo conto del vaso di pandora che ho aperto...

Alcune dichiarazioni sono inutili, è vero, ma faccio dei cambiamenti circa ogni settimana (piccole prove, miglioramenti, cambi di fronte, etc...). Quando diventeranno pressapoco definitivi, farò la cura dimagrante. per ora meglio una mela in più che una in meno.

Ciao e grazie 1000!

[Tokai]

Originariamente inviato da 1802
Uhm... vediamo se ho capito.
I css sono giusti, ma non funzionano perchè sono troppo leziosi? O perchè IE non sa fare i conti?

onestamente non so perchè IE si comporti così, quello di cui mi sono accorto, o perlomeno è la mia esperienza, è che da di questi problemi con il float in concomitanza con un immagine:
se guardi infatti l'unico box in cui lo fa è quello dopo il banner;
nel tuo caso "sembra" si riesca a risolvere recuperando il float come ti ho detto.
L'utilizzo di clear:both, comunque, non è errato!

occhio però , magari una mela in più potrebbe fare indigestione