Discussion :

[maf]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[rodolphebrd]

Bonjour,

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

Essayez cela :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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