Bonjour,
Comment faire pour q'un tableau se comporte comme un div au niveau de sa largeur ? Si j'ai bien compris, un div sans largeur spécifiée prend toute la place disponible, et ceci qq soit le navigateur apparemment. Par contre, un tableau sans largeur spécifiée ne prend que la largeur dont il a besoin.
Pour ma part, j'aimerais bien que ce tableau (qui est un vrai tableau, pas un élément de mise en page) prenne toute la place disponible.
Pour illutrer tout ça, un exemple. Le code :
Code :
- <div id="contenu">
- <table border="1" style="width:100%;">
- <tr>
- <td>contenu du tableau</td>
- </tr>
- </table>
- </div>
|
avec le style du div défini comme ça :
Code :
- #contenu {
- margin: 0px 20px 0px 150px;
- padding: 0px 0px 2px 0px;
- background: #F0F0DF;
- }
|
Résultat sous IE 6.0 : le tableau déborde à droite, et sa largeur est déinfie par rapport à la largeur de la fenêtre, et non du div conteneur
Résultat sous Moz : Ce que je veux, le tableau se déploie juste sur la largeur du div
Si je définit à 100% la largeur de mon div conteneur, le phénomène s'inverse.
Y aurait-il par hasard une solution "propre" à ce problème (propre = sans test du navigateur, et sans toucher au propriété de mon div) ?