Ho un problema: con Internet Explorer 7 e con Opera 9.21 la seguente pagina si vede ok:
http://www.elettrocenter.net/products_copy.asp
mentre se provo ad aprirla con FireFox 2.0.0.4 noto che il div non si auto-ridimensiona in altezza.
In pratica nella pagina ho due div, uno dentro l'altro, con il testo posizionato nel div più interno:
- Se metto il testo nel primo div (il div più esterno), il div si autoridimensiona in altezza;
- Se metto il testo nel secondo div (il div più interno), il div NON si autoridimensiona (è il mio caso).
L'altezza del div non è dichiarata, e comunque dichiarandola succede che il testo 'esce fuori' lo stesso in altezza, se eccede l'altezza dichiarata.
C'è dunque un modo per far si che il div si auto-ridimensioni in altezza con FireFox?
il codice che stò usando è questo:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>..:: Titolo Pagina ::..</title>
<style type="text/css">
body
{
background: #ffffff;
margin: 0px;
padding: 0px;
}
.contenitore {
width: 876px;
border: solid #999999;
border-width: 1px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:normal;
text-align: justify;
background-color: #FBFFFF;
color: #333333;
margin-left: 12px;
margin-top: 0px;
margin-bottom: 10px;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.testo{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:normal;
height: 10px;
color: #333333;
padding: 0px;
margin: 0px;
}
</style>
</head>
<body>
<table width="900" border="0" align="center" valign="top" cellpadding="0" cellspacing="0">
<tr>
<td width="900">
<div class="contenitore">
<div class="testo">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
Rispondi quotando
Dunque ho tolto dal CSS l'height ed ho aggiunto una immagine con attributo float=right. Il problema è che con IE7 e Opera i DIV si ridimensionano perfettamente, circondando l'immagine inserita, mentre con FireFox NO! mi stò un pò stancando di dover combattere con questo browser... c'è una soluzione?
