2011-07-05 8 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> 

Iは、クロム(最初の行の2個の倍長細胞を作成し、単一の二重単一長のセルの次の3つの行に期待どおりにこの作品)。しかし、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>