ciao a tutti, ho un problema che non riesco a risolvere: come faccio ad impostare l'altezza massima di una cella (o di un elemento in generale, anche div)?
Pare che IE6 (ma anche firefox) non rispondano correttamente all'attributo height o max-height.
Con il testo tutto ok - talvolta ma non sempre - ma con le immagini c'é qualcosa che sbaglio! :incazz2:
Potreste aiutarmi? L'idea di fondo è che mi serve "troncare" il contenuto di un elemento ad una altezza prefissata se questo deborda tale altezza, senza posizionarlo in pagina in maniera assoluta.
Grazie 1000!
Es. di codice (immagine a caso da flickr):
<table border="1" style="table-layout:fixed; width:100%;">
<tr>
<td style="height:100px;">Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - </td>
</tr>
</table>
<br><br><br><br><br><br><br>
<table border="0" style="table-layout:fixed; width:100%;">
<tr>
<td sytle="height:100px;">
<img src="http://static.flickr.com/32/56696738_343d1bdecc.jpg" />
</td>
</tr>
</table>
Pare che IE6 (ma anche firefox) non rispondano correttamente all'attributo height o max-height.
Con il testo tutto ok - talvolta ma non sempre - ma con le immagini c'é qualcosa che sbaglio! :incazz2:
Potreste aiutarmi? L'idea di fondo è che mi serve "troncare" il contenuto di un elemento ad una altezza prefissata se questo deborda tale altezza, senza posizionarlo in pagina in maniera assoluta.
Grazie 1000!
Es. di codice (immagine a caso da flickr):
<table border="1" style="table-layout:fixed; width:100%;">
<tr>
<td style="height:100px;">Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - Lorem ipsum dolor - </td>
</tr>
</table>
<br><br><br><br><br><br><br>
<table border="0" style="table-layout:fixed; width:100%;">
<tr>
<td sytle="height:100px;">
<img src="http://static.flickr.com/32/56696738_343d1bdecc.jpg" />
</td>
</tr>
</table>