Questo è il mio problema, credo sia di facile soluzione, ma non riesco a trovarla
<div style:"border=1 solid 00000; width:300px; float right; height:auto">
<p style:"float: left; width: 60px">IMMAGINE 50*50</p>
<p style:"float: right; width: 230px">TESTO DA INSERIRE con lunghezza totale minore di 50px in altezza</p>
</div>
Ora in questo modo il bordo su IE va dopo l'immagine, mentre su FF giustamente non si allunga in quanto manca un clear: both.
Quindi:
- posso pensare di mettere un <p style:"clear: both; margin:0; padding:0"></p> prima della chiusura del div, ma non mi piace molto anche perchè mi pare crei delle differenze o comunque una spaziatura dal bordo inferiore.
- Posso mettere un height al div fisso, ma non va bene perchè in caso di ridimensionamento del carattere voglio che la bordatura segua il testo.
Posso tranquillamente togliere i float nei P ma ne ho provate diverse e non me ne viene una come dico io (vedi immagine). Che mi consigliate?
Ciao
Rispondi quotando