Utilisation de CSS td width absolute, position

Question

Veuillez voir ceci JSFIDDLE

td.rhead { width: 300px; }

Pourquoi la largeur CSS ne fonctionne-t-elle pas ?

<table>
<thead>
<tr>
<td class="rhead">need 300px</td>
<td colspan="7">Week #0</td>
<td colspan="7">Week #1</td>
<!-- etc..-->
</tr>
<tr>
<td class="rhead"></td>
<td>S</td><td>M</td><td>T</td><td>W</td><td>T</td><td>F</td><td>S</td>
<td>S</td><td>M</td><td>T</td><td>W</td><td>T</td><td>F</td><td>S</td>
<!-- etc... -->
</tr>
<thead>
</table>

Par ailleurs, quels sont les effets de position:fixed, absolute, etc. sur la largeur des td, le cas échéant ? Je cherche une raison plus qu'une solution. J'espère comprendre comment cela fonctionne.

Answer 1

Vous pouvez également utiliser :

.rhead {
    width:300px;
}

mais cela ne fonctionnera qu'avec certains navigateurs, si je me souviens bien, IE8 ne le permet pas. Dans l'ensemble, il est plus sûr de simplement mettre la balise width="" dans l'élément <td> lui-même.