[CSS] Problemi di visulizzazione dei contenuti su firefox
Salve a tutti!!
Ho un problema che fino ad oggi ho cercato di evitare di risolvere, ma non posso continuare così! ;)
Vi mostro subito il codice:
Codice HTML:
<html>
<head>
<style type="text/css">
.blocco {
border: 1px solid #000000;
background: #d5d5d5;
padding: 5;
}
.immagine {
float: left;
width: 110;
padding: 5;
}
</style>
</head>
<body>
<div class="blocco">
<div class="immagine"><img src="http://letsrock.altervista.org/thumbs.php?filename=gruppi/letsrock_gruppo_87.jpg&size=200"></div>
<div class="testo">I Black Rose nascono dalle esperienze individuali dei quattro componenti e soprattutto nascono già con una precisa identità e con un repertorio proprio: fin dal primo momento in cui Fabio (voce e chitarra solista) e Gianluigi (basso e seconda voce)...</div>
</div>
</body>
</html>
Su internet explorer non ci sono problemi.
Tutto il contenuto del div ( immagine + testo ) viene racchiuso nel riquadro principale ( blocco ).
Invece su Firefox non viene visualizzato correttamente.
Il testo è racchiuso nel blocco, ma una parte dell'immagine esce al di fuori.
In generale mi capita che quando per il div inserisco "float", il blocco che lo racchiude è come se non lo considerasse, come se cambiasse livello ( come quando si utilizza z-index )
Spero di essermi spegato bene...
Come devo modificare il codice per fare in modo che si vedi come su internet explorer?
