Ciao,
Utilizzo una tabella per visualizzare dati reperiti da un DB.
Mentre in FF la larghezza delle singole colonne è correttamente adattata al contenuto, in Explorer le prime colonne risultano più larghe del dovuto a capito delle ultime sulla sinistra.
La larghezza delle celle (<td>) come anche per l'header (<th>) è impostata ad auto.
Come posso fare per ottenere che tutte le colonne si estendano esattamente in base al loro contenuto, senza che le prime occupino una larghezza maggiore?
Grazie
codice:
.List, .List table
{
border-collapse:collapse;
width: 100%;
}
.List th
{
width: auto;
padding: 2px;
white-space: nowrap;
text-align:left;
}
.List tr { width:100%; }
.List td
{
vertical-align:top;
padding: 5px;
}
<table class="List">
<th>...</th>
<th>...</th>
.....
<tr>
<td> ... </td>
<td> ... </td>
<td> ... </td>
</tr>
...
</table>