2017-09-14 51 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優先於內聯樣式。

我不知道爲什麼。就我個人而言,我認爲內聯風格應該總是優先於其他任何東西。