2011-07-05 37 views
1

我想在html中製作一個表,使用固定大小和列跨越。固定大小的表,列上跨越IE8

這裏是我一起工作的代碼:

<table style="width:602px;" border="1" cellspacing="0"> 
    <tr> 
    <td style="height:148px; width:298px;" colspan="2"></td> 
    <td style="height:148px; width:298px;" colspan="2"></td> 
    </tr> 
    <tr> 
    <td style="height:148px; width:148px;"></td> 
    <td style="height:148px; width:298px;" colspan="2">content</td> 
    <td style="height:148px; width:148px;"></td> 
    </tr> 
    <tr> 
    <td style="height:148px; width:148px;"></td> 
    <td style="height:148px; width:298px;" colspan="2"></td> 
    <td style="height:148px; width:148px;"></td> 
    </tr> 
    <tr> 
    <td style="height:148px; width:148px;"></td> 
    <td style="height:148px; width:298px;" colspan="2"></td> 
    <td style="height:148px; width:148px;"></td> 
    </tr> 
</table> 

這個工程,我期望在鉻(第一行創建2級長度的信元,然後三排單雙單長細胞)。但是,在IE8中,底部3個單元中的中間單元的大小適合「內容」,而不是我定義的大小。

我做錯了什麼,我該如何改變它使它按照我的意願工作?有沒有更好的方式來做我想做的事情?

回答

0

刪除你的表格的寬度,你會看到你的表的行爲......

是的,所有的列都試圖將298px寬。這是因爲一張桌子試圖將它的列寬與第一行相匹配......刪除無用的聲明並嘗試:

<table border="1" cellspacing="0"> 
    <tr> 
    <td style="height:148px;" colspan="2">1fdasfsdafsdfas</td> 
    <td colspan="2">1</td> 
    </tr> 
    <tr> 
    <td style="height:148px; width:148px;">1</td> 
    <td style="width:298px;" colspan="2">1</td> 
    <td style="width:148px;">1</td> 
    </tr> 
    <tr> 
    <td style="height:148px;">1</td> 
    <td colspan="2">1</td> 
    <td>1</td> 
    </tr> 
    <tr> 
    <td style="height:148px;">1</td> 
    <td colspan="2">1</td> 
    <td>1</td> 
    </tr> 
</table>