Est-il une solution de contournement pour le suivant "1 pixel vers la gauche" bug?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<body>
<div style="padding: 50px">
<div style="border: 1px solid red">Table header info</div>
<table style="border: 1px solid green; border-collapse: collapse; width: 100%">
<tbody>
<tr>
<th>Col1</th>
<th>Col2</th>
</tr>
<tr>
<td>Hello</td>
<td>World</td>
</tr>
</tbody>
</table>
<div style="border: 1px solid red">Table footer info</div>
</div>
</body>
</html>
Il ressemble à ceci:
Est-il un pur CSS solution à cela?
Modifier
J'était un peu confus au sujet de ma table donc, ici, il est à nouveau:
Avec border-collapse:
Avec cellspacing="0" et sans border-collapse comme l'a suggéré:
Alors maintenant, les frontières à l'intérieur de ma table sont doublés, mais je veux 1px frontière sur ma table.
Quand j'enlève 1px frontière à partir de la table je termine par:
Les frontières sont encore doublé à l'intérieur de ma table.
Je pouvais seulement à droite et en bas de la frontière pour chaque TD, TH et de la bordure gauche de chaque enfant dans les TR de réaliser ce que je veux, mais je pense qu'il y a un moyen plus simple?
BTW c'est un bug connu depuis 7 ans, il sera probablement corrigé dans la version 3.6 duh! Cas de Test est valide ici (prises de bugzilla de discussion).
