Css Div在IE6上一些細小問題總結

好久沒有做過web開發了，最近做些css+div的頁面設計工作還真有些不順手，特別是有些東西在ie8上執行很正常，而在ie7和ie6上就離譜了。這裡就一些ie6下不同之處做一下記錄吧。

1、div做線條的問題

在設計頁面時有時候想用乙個div來模擬一條直線（某些情況是可以用border和padding等來實現的），給div設定寬和高，並設定背景色或背景圖，如：

#bottomline

在ie8下確實顯示的是一條高為3畫素的紅色橫線，但在ie6下這條紅線的高度遠遠超過3畫素，好像有乙個字型的高度。為了解決這個問題，加上overflow屬性即可：

#bottomline

.divleft

.divright

.divcenter

center div

left div

但在ie6下，這三個div在一行是顯示不下的，會換成兩行顯示。在ie6下可以將所有div都左浮動或右浮動，改為如下則沒有問題：

.divleft

.divright

.divcenter

center div

right div

CSS DIV在IE6和IE7中的差異

1.ie7,ie6 div css出現寬度定義不同 在寬度定義上出現寬度的解釋不同,ie7寬度在ie6上要寬一些,正是這個原因網頁可能會出現溢位問題,還好這個問題可以通過更改數值或者修改一下百分比解決.2.ie7.0修復了 important這個bug。先前由於ie6.0對 important識別存...

IE6的一些相容問題

1 css相容問題 1 ie6不識別html5標籤 解決 引入html5shiv.js庫 2 ie6元素左右浮動，子元素設定高度後，父元素的浮動消失 解決 給子元素也加上浮動 3 ie6下第一塊元素浮動後，第二塊元素加的margin left值等於第一塊元素的寬度，會有間隙問題 解決 第二塊元素去掉...

在ubuntu 10 04上執行ie6

ie6在國外的市場占有率已經少於5 了，可在中國仍然占有絕對優勢的比例，這是個很有意思的現象。所以作為web前端設計師來說，就必須照顧到ie6使用者的使用，這也給設計師們憑添了不少麻煩。ubuntu預設瀏覽器是firefox。如果使用ie6的話，在9.10之前還可以用ies4linux，但如果公升級...