固定欄位儲存格的寬度

好吧!首頁得說明遇到企畫的奇怪需求。
偉大的企畫說:希望在這個網站內所有的網頁表格的儲存格的寬度都要一致的。
記得喔!每個儲存格內的數字可能都會不同,也就是說我必須將的寬度定死,但每一網頁的表格欄位數是不同的,當我將寬度固定時,也代表有些網頁的寬度勢必會超過瀏覽器的範圍,也就是說會產生橫向的捲軸。

好吧!就言歸正傳說解法:

table {
border-collapse: collapse;
margin-left:10px;
table-layout:fixed; /*表格設定是固定寬度,會以td的寬度值為參考*/

}
td {
padding:3px 5px;
border: 1px solid #949494;
font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif,"新細明體";
text-align: right;
width: 110px;
}

必須承認的是,他在FF上面顯示是有問題的,FF還是會將整個表格調整為與瀏覽器同寬,殘念!
看看有沒有人可以解他呢?
1 則留言

這個網誌中的熱門文章

互補色與對比色解惑

[讀書心得] 設計思維 Design Thinking

龍岡手繪地圖製作有感