在IE6中使用表格固定在div中的HTML表格

我在佈局中遇到了IE6問題。下面是示例。在IE6中使用表格固定在div中的HTML表格

<div style="overflow:hidden;"> 
    <table style="table-layout: fixed;" width="100%" border="0" cellpadding="4" cellspacing="0"> 
        <colgroup> 
         <col width="30px" /> 
         <col width="100px" /> 
         <col width="200px" /> 
         <col width="150px" /> 
         <col width="300px" /> 
         <col width="320px" /> 
         <col /> 
        </colgroup> 
        <tr> 
         <td> 
          &nbsp; 
         </td> 
         <td class="gridHeader"> 
          Condition 
         </td> 
         <td> 
          Condition Description 
         </td> 
         <td> 
          Fixed Item 
         </td> 
         <td> 
          Optional Item 
         </td> 
         <td> 
         </td> 
        </tr> 
       </table> 
      </div>

在IE6中，當我嘗試調整瀏覽器的寬度要小（或當數列超過了瀏覽器的寬度），當DIV打到最右列，它停止調整大小和出現的瀏覽器滾動這不應該發生。有沒有人知道這個解決方法？任何建議將被認真考慮。

問候，不然閔

來源

2010-07-08 Nay Min

我想你不能發現很多問題，如果使用mozilla firefox .. – klox 2010-07-08 04:12:07

什麼是你想要的行爲？因爲您正在使用像素來固定列的寬度，所以瀏覽器的雙手是捆綁在一起的。它不能縮小尺寸。如果您喜歡流體佈局，請使用百分比。如果您想在IE6中模仿max-width，則需要依靠JavaScript。

來源

2010-07-08 04:05:06 TNi

表的寬度應該是固定的。只是當瀏覽器調整大小時div的大小縮小時表格不會溢出。它適用於除IE6以外的任何其他瀏覽器。 – 2010-07-10 05:06:49

在IE6中使用表格固定在div中的HTML表格

回答

相關問題