Discussion :

[jeepibmx]

Bonjour, j'ai un problème avec les colspan et explorer 6,7 et 8.

J'ai un tableau avec 8 colonnes.

Ma première rangé je remplis toutes ces colonnes.
La deuxième rangé est a "display:none;" et peux être activé et c'est la mon problème.

Ma deuxième rangé est un colspan="5" + un colspan="3"

Quand je décide d'afficher la deuxième rangé, les width de ma première colonne rapetisse.

Est-il possible d'empêcher ce changement de width de ma première rangé quand j'active la deuxième ??

Voici un aperçu de mon code :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<table style="width:80%;height:auto;margin-right:10%;margin-left:10%;float:right;padding:5px;border-spacing:0;border-collapse: collapse;">
   <tr>
      <td style="width:10px;height:auto;">0</td>
      <td style="width:auto;height:auto;padding-left:5px;padding-right:30px;text-align:left;">Lorem ipsum dolor sit amet</td>
      <td style="width:60px;height:auto;text-align:right;">ABCDE</td>
      <td style="width:auto;height:auto;padding-left:10px;padding-right:5px;text-align:center;">0</td>
       <td style="width:auto;height:auto;padding-left:2px;padding-right:13px;text-align:left;">$</td>
        <td style="width:100px;height:auto;text-align:center">ABCDE</td>;
        <td style="width:10px;height:auto;text-align:center;padding-right:3px;">123</td>
   </tr>
 
   <!-- Rangé activé -->
   <tr id="row_id">
      <td colspan="5" style="width:auto;height:auto;">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
      </td>
      <td colspan="3">Vide<td> 
   </tr>
</table>

[jeepibmx]

J'ai rajouter un "table-layout:fixed;" et tout fonctionne #1 sous FF, IE6-IE7, Opera et Safari mais pas sous Explorer 8.

Est-ce qu'il y a d'autre étapes a faire afin d'ajouer un table-layout pour que IE8 le prenne en compte ??? merci

[jeepibmx]

Le width de la table doit etre fixe et non a "auto".