2017-09-14 11 views
1

私のテーブルのHTML列の正しい幅は表示されません、それはここでは基本的なCSSのコーディングが、です...IE 11は、それがクロムまたはFirefoxで完璧に動作

IEのように、無視する理由がいくつかあり、デフォルトの幅は...約200ピクセルです。 FARから60pxまで...

何か考えていますか?

テーブル全体:

<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> 
+0

テーブルセル( 'display:table-cell;')には、 "normal"( 'display:block;')要素と比較してサイジングに関する特別な規則があります。テーブルの列の幅を確保したい場合は、 'table-layout:fixed;'を使い、目的の列の最初の行のセルに明示的な幅を設定します。 – Dai

+0

1つのテーブルセルに対してのみHTMLを提供しています。可能であれば、テーブル全体の**レンダリングされたHTML **、または少なくともいくつかの行(該当する場合は ''を含む)を投稿してください。 – Dai

+0

@Daiあなたの最初の編集のおかげで、私は再び編集:ここではテーブルですが、私はほとんどの役に立たないスタイル(色と境界線)を削除したので、その点に到達するのが簡単になります。 –

答えて

0

私は今日の問題を発見しました。コンテンツフォルダには、Site.cssという名前のファイルがあります。このファイルには

が、ありました:

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

私はそれを削除し、今では動作します。

IE11を使用している場合、このファイルのCSSはインラインスタイルより優先されます。

私はなぜか分かりません。個人的には、インラインスタイルは常に他のものよりも優先すべきだと思います。

関連する問題