testo sfalsato con chorme e IE

[portier]

Salve a tutti.
Come da oggetto, non riesco a dare le giuste impostazioni per un testo contenuto in un DIV.
Questa è la parte incriminata:

<div align="center">
<div style="background-color: #cadfdf; border-radius: 0px 0px 10px 10px; border: 2px solid #000066; padding: 6px; margin-top: -10px; width:500px; ">                      
Dopo aver ricercato il volume di proprio interesse per la 
prenotazione dei libri consultare i contatti a fondo pagina.

</div> </div>

Con firefox, la pagina si vede correttamente, ma con gli altri browser no.
Prima non me ne ero accorto. E pensare che è la pagina iniziale del sito.
Il sito in questione è: http://tecadonpiero.altervista.org/
Cosa potrei fare ?
Grazie a tutti

[karl94]

Il problema è che non ti assicuri che il div.textimage sia sufficientemente alto e in alcuni casi l'immagine con il float può influenzare anche gli elementi successivi. Imposta per il div.textimage la proprietà overflow su hidden.

[tecadonpiero]

Grazie Karl,
ho provato, ma non ho notato cambiamenti.
Allego anche il css della classe con il tuo suggerimento inserito:

div.textimage{
	width: 100%; margin-bottom: 10px;     
	border: 2px solid #000066;background-color: #eee;
        overflow: hidden;
	}

	div.textimage img{
	float:left;
	margin: 10px;  
	}

	div.textimage h3, div.textimage p{
	margin:0 10px;
	padding: 0;
	}

	div.textimage h3{
	margin-top: 10px;
	}

[karl94]

A me risulta che abbia impostato la proprietà per l'elemento div.textimage img, impostala per div.textimage come nel codice che hai riportato qua.

[portier]

Ho provato a fare anche come dici, ma non sembra aver effetto. Si impagina bene solo su firefox.

[karl94]

Il codice adesso è corretto, probabilmente è solo un problema di cache, del tuo browser o di CloudFlare (o di entrambi), svuota tutte le cache.

[portier]

OK, andato. Ha funzionato. Grazie infinite per l'aiuto. Ciao