28173 sujets

CSS et mise en forme, CSS3

bonjour lecteur,

j'ai un problème avec un tableau pour fixer la largeur des colonnes.
Je précise tout d'abord que je suis sous IE6.
Mon tableau comporte 1 colonne contenant des elements différents. Pour chacun de ces élements j'ai 2 valeurs par mois.
il ya bien sur 12 mois par année et plusieurs années.
L'entete est composé du mot ELEMENT pour la colonne de gauche, ensuite d'une premiere ligne avec les année, puis une 2ème avec les mois découpant chaque année.
Et 2 colonnes pour chaque mois.


Ce que je cherche à faire c'est de fixer la 1ère colonne du mois à 150 et la 2ème à 50.

Je prend l'exemple avec 2 ans :

<table>
<!-- entete -->
  <tr><td ROWSPAN="2">ELEMENTS</td>
      <td colspan="24" STYLE="width:2400px;">2007</td>
      <td colspan="24" STYLE="width:2400px;">2008</td>
  </tr>
  <tr><td colspan="2" STYLE="width:200px;">janvier</td>
      <td colspan="2" STYLE="width:200px;">fevrier</td>
      .....
  </tr>
<!-- contenu tableau -->
  <tr><td>element 1</td>
      <td STYLE="width:150px;">valeur 1.1</td>
      <td STYLE="width:50px;">valeur 1.2</td>
      <td STYLE="width:150px;">valeur 2.1</td>
      <td STYLE="width:50px;">valeur 2.2</td>
      ....
  </tr>
  ....
</table> 

Ou me suis je trompé?
Modifié par d0m (10 Jan 2008 - 08:38)
après réponse sur un autre forum, il faut mettre en dans le style css du tableau :
table-layout:fixed;

PAr contre il faut obligatoirement fixer manuellement les largeurs de chaque colonne.