HTML Table issue

Question

J'ai un problème de tableau HTML que j'aimerais mieux comprendre.

Supposons que j'ai une 3 rangée HTML

<table> 
    <tr> 
     <td style="text-align:right;">A1</td> 
     <td>A2</td> 
    </tr> 
    <tr> 
     <td style="text-align:right;">B1</td> 
     <td>B2</td> 
    </tr> 
    <tr> 
     <td colspan="2">A very loooooooong string here</td> 
    </tr> 
</table> 

Avec un très long texte, le contenu dans les 2 premières lignes apparaissent comme ils sont presque centrés. Toutefois, si je déplace l'ensemble "Une très longue chaîne" <td> dans un <table> séparé à l'intérieur de la ligne, je vois que l'autre contenu ne se centre pas. Pourquoi l'affichage est-il différent lorsque le contenu <td> se trouve dans une autre table?

Answer 1

Pouvez-vous s'il vous plaît fournir votre deuxième exemple? Lorsque j'ai créé ce qui suit, il semblait toujours le même. Il y a une chance que vous ne l'avez pas correctement incorporez la table dans une cellule de table avec une colspan de 2.

<table border="1"> 
<tr> 
    <td style="text-align:right;">A1</td> 
    <td>A2</td> 
</tr> 
<tr> 
    <td style="text-align:right;">B1</td> 
    <td>B2</td> 
</tr> 
<tr> 
    <td colspan="2"> 
    <table border="1"><tr> 
     <td>A very loooooooong string here</td> 
    </tr></table> 
    </td> 
</tr> 
</table> 

Answer 2

En expliquant un problème avec HTML, il est préférable d'indiquer quels navigateurs ont été utilisés pour tester ...
Quoi qu'il en soit, j'ai fait un test rapide avec FF3 et IE6, et je ne vois pas le comportement que vous décrivez: avec la table imbriquée, la chaîne longue a légèrement plus de padding mais l'autre contenu est toujours centré visuellement.
Vous devriez montrer votre autre code. Le mien est:

<table> 
<tr> 
    <td style="text-align:right;">A1</td> 
    <td>A2</td> 
</tr> 
<tr> 
    <td style="text-align:right;">B1</td> 
    <td>B2</td> 
</tr> 
<tr> 
    <td colspan="2"><table><tr><td>A very loooooooong string here</td></tr></table></td> 
</tr> 
</table> 

Answer 3

Je pense que je sais ce que tu veux dire, est la deuxième partie de votre question basée sur:

<table> 
<tr> 
    <td style="text-align:right;">A1</td> 
    <td>A2</td> 
</tr> 
<tr> 
    <td style="text-align:right;">B1</td> 
    <td>B2</td> 
</tr> 
<tr> 
    <table><td colspan="2">A very loooooooong string here</td></table> 
</tr> 
</table> 

alors je suppose que la raison aligné à gauche sont rendus le contenu de la table est que les étiquettes de la table intérieure cachent le colspan de la table externe.

La réponse est d'arrêter d'utiliser html pour styliser votre table et d'utiliser CSS à la place!