在IE7中HTML表格過寬

我有一張表格在Chrome，IE8和IE9中顯示效果很好。然而，在IE7中，表格比它的內容（包含元素的100％？）寬得多。如何讓表格的寬度與IE7和IE6中的內容一樣寬（並且能夠在新的瀏覽器中繼續顯示效果）？在IE7中HTML表格過寬

這裏的表：

<table class="SisSubDetailTable"> 
    <tbody> 
     <tr> 
      <td>Date:</td><td>10-16-11</td><td>SOID:</td><td>SUST — Sustaining                       </td> 
     </tr> 
     <tr> 
      <td>Status:</td><td>25 characters' worth of data</td><td>Work Order:</td> 
      <td>  </td> 
     </tr> 
     <tr> 
      <td>Company:</td><td>6K8 — KAPCO</td><td>Sub:</td><td>9999 </td> 
     </tr> 
     <tr> 
      <td>Store:</td><td>34 characters' worth of data</td><td>Export Price:</td> 
      <td>$0.00</td> 
     </tr> 
     <tr> 
      <td>Class:</td><td>26 characters' worth of data</td><td>Control Ship:</td> 
      <td>N</td> 
     </tr> 
    </tbody> 
</table>

下面的CSS似乎使細胞縮小，但該表作爲一個整體仍有很大寬度大於400像素：

table.SisSubDetailTable 
{ 
    width: 400px; 
} 

table.SisSubDetailTable td 
{ 
    border-width: 0; 
    width: 100px; 
}

來源

2012-06-29 birdus

實際上，上面的CSS使文本換行就好像單元格實際上是100px寬，但單元格邊框仍然比文本寬很多。奇怪。 – birdus

另一個有趣的事情：其中沒有數據的單元格實際上不會顯示在IE7中，但我不認爲這會使單元格和表格如此寬。不過，這是一個有趣的觀察。 – birdus

你應該設置它的寬度財產在CSS。使用猜測和檢查來找出你想要的大小。

來源

2012-06-29 22:04:18 dezman

我不知道應該提前什麼寬度。我不能讓表格像數據一樣窄嗎？ – birdus

對不起，沒有縮放適合的規則，你將不得不測試它，嘗試300px，然後調整。它應該只需要一分鐘。 – dezman

看起來像設置寬度一起使用！重要設置寬度。猜猜我只是爲早期的瀏覽器加載一個不同的CSS文件，但讓大自然走向新的瀏覽器。謝謝。 – birdus

如果您還沒有這樣做，請設置像素值並避開其他單位。

來源

2012-06-29 22:05:20 Joe

在IE7中HTML表格過寬

回答

相關問題