Colspan ne fonctionne pas avec les <td> largeur? (IE7)

Je ne peux pas obtenir colspan à travailler lorsque j'utilise une largeur fixe (IE 7)? Pourquoi?!

Exemple De Code:

<html>
  <head>
    <style>
    .inputGroup td
    { width:250px; }    
    </style>
  </head>
<body>
<table class="inputGroup">
  <tr>
    <td>cell1</td>
    <td>cell2</td>
  </tr>
  <tr>
    <td colspan="2">This should span two columns but it doesnt</td>
  </tr>
  <tr>
    <td>cell1</td>
    <td>cell2</td>
  </tr>
</table>
</body>
</html>

Aider quelqu'un? 🙁

OriginalL'auteur Alex | 2009-06-03

  1. 7

    il fait, mais vous avez limité la largeur. Si vous voulez, essayez de créer une autre classe appelée '.doubleSpanInputGroup " ou quelque chose avec une largeur de 500 et de l'ensemble de la classe sur le découpage de la colonne.

    par exemple.

    <html>
  <head>
    <style>
    .inputGroup td
    { width:250px; }   
    .inputGroup td.doubleInputGroup
    { width:500px; } 
    </style>
  </head>
<body>
<table class="inputGroup">
  <tr>
    <td>cell1</td>
    <td>cell2</td>
  </tr>
  <tr>
    <td colspan="2" class="doubleInputGroup">This should span two columns but it doesnt</td>
  </tr>
  <tr>
    <td>cell1</td>
    <td>cell2</td>
  </tr>
</table>
</body>
</html>

    EDIT: le nouveau style de plus en plus hiérarchique

    Oh wow. Merci, parfois, on ne voit pas ce qui est juste en face de vous.
    ouais pas de probs, erreur facile. Assurez-vous d'utiliser ma version révisée ci-dessus que la première passe a un petit problème 🙂 oups.

    OriginalL'auteur Luke Schafer

  2. 1

    Essayez de faire la règle s'applique à tr au lieu de td et de faire de la largeur de 500px au lieu de cela, en tant que tel:

    .inputGroup tr { width: 500px; }

    Le problème que vous rencontrez est parce que vous avez défini une limite sur le td pour être au plus 250px de large, de sorte que le navigateur est tout simplement en suivant vos instructions.

    OriginalL'auteur Deniz Dogan

  3. 0

    de manière générale : 

    table tr:first-child td:first-child{ width:86px; }

    si c'est la seule largeur de la toute première colonne de prendre cette largeur et colspan dans ie7 va travailler

    OriginalL'auteur Eran Or

  4. 0

    J'ai essayé de régler la largeur de la colspan cellules auto, semblait bien fonctionner dans IE7/8/9

    .yourColSpanTD { width: auto !important; }

    OriginalL'auteur koder