La table avec un pourcentage de largeur est redimensionnée correctement dans IE8 - html, html-table, internet-explorer-8

• J'ai un élément de table contenu dans un div et la table est définie sur une largeur de 100%.
• La largeur de l'élément div est réduite lorsque la largeur du navigateur est réduite.
• Dans Chrome, Safari, Firefox et IE7, lorsque la div est redimensionnée, le tableau est également redimensionné.
• Mais dans IE8, cependant, la table reste sans être redimensionnée et déborde du conteneur div

Voici la structure avec laquelle je traite

    <div style="width:500px">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
<td valign="top">
<div>My table column contents</div>
</td>
<td valign="top">
<div>My table second column contents</div>
</td>
</tr>
</tbody>
</table>
</div>

Réponses:

Vous avez la table enveloppée dans un div avec une largeur définie. Il suffit de définir la largeur de la table aussi.