Voici le code qui pose problème :
<table style="background-color:blue;width:100%;border-collapse:collapse;border:solid 1px;" >
<tr style="border-collapse:collapse;border:solid 1px;">
<th style="width:10%;border-collapse:collapse;border:solid 1px;">
test
</th>
<th style="width:10%;border-collapse:collapse;border:solid 1px;" >
test
</th>
<th style="width:10%;border-collapse:collapse;border:solid 1px;">
test
</th>
<th style="width:10%;border-collapse:collapse;border:solid 1px;">
test
</th>
<th style="width:10%;border-collapse:collapse;border:solid 1px;">
test
</th>
<th style="width:10%;border-collapse:collapse;border:solid 1px;">
test
</th>
<th style="width:10%;border-collapse:collapse;border:solid 1px;">
test
</th>
<th style="width:10%;border-collapse:collapse;border:solid 1px;">
test
</th>
<th style="width:10%;border-collapse:collapse;border:solid 1px;">
test
</th>
<th style="width:10%;border-collapse:collapse;border:solid 1px;">
test
</th>
</tr>
<tr style="border-collapse:collapse;border:solid 1px;">
<td style="width:10%;border-collapse:collapse;border:solid 1px;">
test
</td>
<td style="width:10%;border-collapse:collapse;border:solid 1px;">
test
</td>
<td style="width:10%;border-collapse:collapse;border:solid 1px;">
test
</td>
<td style="width:10%;border-collapse:collapse;border:solid 1px;">
test
</td>
<td style="width:10%;border-collapse:collapse;border:solid 1px;">
test
</td>
<td style="width:10%;border-collapse:collapse;border:solid 1px;">
test
</td>
<td style="width:10%;border-collapse:collapse;border:solid 1px;">
test
</td>
<td style="width:10%;border-collapse:collapse;border:solid 1px;">
test
</td>
<td style="width:10%;border-collapse:collapse;border:solid 1px;">
test
</td>
<td style="width:10%;border-collapse:collapse;border:solid 1px;">
test
</td>
</tr>
</table>
Comme vous pouvez le voir j'essaye de faire un tableau de 2 lignes et 10 colonnes qui font 10 % de la page chacune.
De plus, j'aimerai ne pas avoir d'espace entre les bordures, j'utilise donc le border-collapse sur tous les éléments de mon tableau.
Seulement, comme on peut le constater en testant cet exemple, le tableau au final ne prend pas 100% de la page. Apparement l'espace perdu avec le border-collapse n'est pas pris en compte dans le calcul de la largeur du tableau (d'après mes tests).
Une explication ? Une solution ?
merci