2005年08月5日
在IE裡只剩一欄...
在IE裡看本網誌發現兩欄式的版面樣式變成一欄,左側邊的功能欄被擠到最下面去了。
因為不知如何調整也不想再修改,只有對使用IE的讀者說抱歉;請多多使用FireFox吧。
引用URL
http://cgi.blog.roodo.com/trackback/341853
回應文章 
會變成那樣,有可能是因為圖太寬的原因,可以試試將圖的尺吋改小
Posted by 焦貓
at 2005年08月5日 17:28
可能吧。不過,FireFox可是挺正常的。
Posted by emisjerry
at 2005年08月5日 17:58
IE 的 box model 算法不符 w3c 規範,
要想讓 Firefox 與 IE 看到一樣的版面,
有關 width 及 height 的指定要作修改,
大致來說,IE 的算法包含 padding 及 border,
而 Firefox 不會將 padding 及 border 包含在內。
如 width:80px; height80px; padding:1px; border:1px;
Firefox 顯示時內容區將會有足足 80x80;
IE 顯示時內容區 width 及 height 將各少 2px;(左右及上下)
也就是 78x78,若內容大於這個數值,
IE 會自動加大內容區,那所有以 float 設定的其它區塊都會受影響,
邊欄也就是這樣掉下去的。
要想讓 Firefox 與 IE 看到一樣的版面,
有關 width 及 height 的指定要作修改,
大致來說,IE 的算法包含 padding 及 border,
而 Firefox 不會將 padding 及 border 包含在內。
如 width:80px; height80px; padding:1px; border:1px;
Firefox 顯示時內容區將會有足足 80x80;
IE 顯示時內容區 width 及 height 將各少 2px;(左右及上下)
也就是 78x78,若內容大於這個數值,
IE 會自動加大內容區,那所有以 float 設定的其它區塊都會受影響,
邊欄也就是這樣掉下去的。
Posted by Amauds
at 2005年08月5日 18:46
更正一下,padding+border 的結果是總共少掉 4px; 76x76
Posted by Amauds
at 2005年08月5日 18:54
