Réglage colonnes tableau

Bonjour,

Voilà, j'aimerais effectuer un tableau de 3 colonnes avec comme spécialité que les deux premières colonnes soient fixes en largeur et que la troisième occupe la place restante en étant centrée par rapport à la taille de la page

J'ai codé le tableau de la sorte :

Code:

---

1 2 3 4 5 6 7 8 9 10

<table border="0"> <tr> <th width=25px> </th> <th width=170px> </th> <th align="center"> </th> </tr> </table>

---

A plein écran, ça à l'air d'aller, mais lorsque je réduit la page, le contenu la colonne de droite me semble trop décalé vers la droite.

Merci pour vos conseils

Bonjour,

je ne vois pas trop le problème (si j'ai bien compris)...

Essayez cela :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

table { width: 100% } th:first-child{ background : silver; width: 150px; } th:nth-child(2){ background : salmon; width: 250px; } th:last-child{ background : pink; }

---

Code:

---

1 2 3 4 5 6 7

<table> <tr> <th scope="col">Title 1</th> <th scope="col">Title 2</th> <th scope="col">Title 3</th> </tr> </table>

---

http://codepen.io/maxwbailey/pen/bIrcJ