2017-09-14 46 views
1

它完全在Chrome或Firefox的正确宽度,这是基本的CSS编码,但这里:IE 11将不显示我的表列的HTML

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

我已经把max-widthwidth只是要确定...

看起来像IE有一些理由忽略它们,并把默认宽度...这是约200px。 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

与“normal”('display:block;')元素相比,表格单元格('display:table-cell;')对尺寸有特殊的规则。如果你想确保一个表格列的宽度,那么使用'table-layout:fixed;'并在所需列的第一行单元格上设置一个明确的宽度。 – Dai

+0

您只为单个表格单元格提供了HTML。如果可能,请发布整个表的**呈现的HTML **,或至少几行(包括'',如果适用的话)。 – Dai

+0

@戴感谢您的第一次编辑,我再次编辑:这里是表格,我删除了最无用的样式(颜色和边框),所以它会更容易到达这一点。 –

回答

0

我今天发现了这个问题。在内容文件夹中,有一个名为Site.css的文件。

在这个文件中,有:

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

我删除了它,现在它的工作原理。

使用IE11时,此文件的css优先于内联样式。

我不知道为什么。就我个人而言,我认为内联风格应该总是优先于其他任何东西。