IE 11 ne sera pas affiché la largeur correcte de ma table colonnes HTML

Il fonctionne parfaitement dans Chrome ou FireFox, il est codage css de base, mais ici:IE 11 ne sera pas affiché la largeur correcte de ma table colonnes HTML

<td 
    style=" 
     text-align: right; 
     border-color: black; 
     border-width: 1px; 
     border-style: solid; 
     max-width: 60px; 
     width:60px; 
    " 
> 
    @Model.Item1 
</td>

J'ai mis max-width et width juste pour être sûr ...

Semblable à IE a quelques raisons de les ignorer et met la largeur par défaut ... qui est d'environ 200px. FAR d'être 60px ...

Une idée?

table entière:

<table style="border-color: black; border-width: 1px; border-style: solid; table-layout:fixed; "> 
    <tr > 
     <th rowspan="2" style=""> 
      Service de garde 

     </th> 
     <th colspan="2" style="" > 
      Paie 
     </th> 
     <th colspan="2" style=""> 
      Avant Garde 
     </th> 
     <th colspan="2" style=" width:180px;"> 
      Ratio 
     </th> 
    </tr> 


    <tr > 
     <th style="text-align: center ; border-color: black; border-width: 1px; border-style: solid "> 
      Dépenses 
      Salaires 

     </th> 
     <th style=" "> 
      Heures 
      travaillées 
     </th> 
     <th style=""> 
      Heures 
      présences 
     </th> 
     <th style=""> 
      Frais facturés 
     </th> 
     <th style="max-width: 120px; width:120px; "> 
      Avec 
      Responsable 
     </th> 
     <th style="max-width: 60px; width:60px;" > 
      Sans 
      Responsable 
     </th> 
    </tr> 
    <tr> 
     <td> <a href="@Url.Action("ParService","Tableaux", new { })">Tous les services de garde</a></td> 
     <td style=""> @Model.depensesSalaires </td> 
     <td style=""> @Model.hTravaille </td> 
     <td style=""> @Model.hPresence </td> 
     <td style=""> @Model.fraisFacture </td> 
     <td style="max-width: 120px; width:120px;" > @Model.avecResp </td> 
     <td style="max-width: 60px; width:60px;"> @Model.sansResp </td> 

    </tr> 
</table>

Source

2017-09-14 Antoine Pelletier

Les cellules de table ('display: table-cell;') ont des règles spéciales pour le dimensionnement par rapport aux éléments "normaux" ('display: block;'). Si vous souhaitez garantir une largeur de colonne de table, utilisez 'table-layout: fixed;' et définissez une largeur explicite sur la cellule de la première ligne dans la colonne souhaitée. – Dai

Vous avez fourni uniquement du code HTML pour une seule cellule de tableau. S'il vous plaît, postez le ** HTML rendu ** de la table entière, si possible, ou au moins quelques lignes (y compris le '' le cas échéant). – Dai

@Dai merci pour votre première édition, j'ai édité à nouveau: voici la table, j'ai enlevé la plupart des styles inutiles (couleur et bordure) donc il sera plus facile d'arriver au point. –

J'ai trouvé le problème aujourd'hui. Dans le dossier de contenu, il y a un fichier nommé Site.css.

Dans ce dossier, il y avait:

td,th 
{ 
    min-width: 200px; 
}

je l'ai enlevé et maintenant il fonctionne. Lorsque vous utilisez IE11, le CSS de ce fichier est prioritaire sur le style en ligne.

Je ne sais pas pourquoi. Personnellement, je pense que le style en ligne devrait toujours avoir la priorité sur toute autre chose.

Source

2017-09-15 13:31:13

IE 11 ne sera pas affiché la largeur correcte de ma table colonnes HTML

Répondre

Questions connexes