在大多數(shù)情況下,設(shè)計師會統(tǒng)一同一種元素的樣式,比如段落的內(nèi)間距(padding)統(tǒng)一為8px到20px(通常為10px)
我已經(jīng)好幾次遇到這樣的問題,在Firefox和Safari顯示完好的頁面,卻在IE6下顯得慘不忍睹。如果Explorer7也出現(xiàn)了這樣的問題,那可能是遺失了“<”或者“>”之故。為了些可預(yù)見性的問題,其他瀏覽器都會注意這個問題,唯獨Explorer。我經(jīng)常使用Firefox的HTMLvalidator插件驗證頁面代碼。#p#
總會有頁面要將某個元素浮動起來,如果是定寬的那么還好辦。如果是不定寬度的,那么要清除下浮動--畢竟其他元素不一定都是浮動的??傊?,時刻記得清除浮動是個好的習(xí)慣(譯注:也可以參看我以前的文章:《CSS別忘記清除浮動》)。
或者是
)。#p#
尋找解決方案
IE6是頭“烈馬”,它會按照自己的規(guī)則去渲染CSS。當(dāng)找到對應(yīng)的元素后,下面有些經(jīng)驗式的解決方案可以參考一下:
- #sidebar.sub-item.sub-subitem{
- /*trysettingthisifit’snotalreadyset-itsometimesworkswonders*/
- position:relative;
-
- /*display:inlineoftenfixesthedoublemarginfloatbugand*/
- display:inline;
-
- /*Sometimesthisjustfixesproblems-noideawhy*/
- display:inline-block;
-
- /*margincanbeakillersotakeitoffcompletelyseeiftheproblemgoesaway*/
- margin:0;
-
- /*sameasmargin*/
- padding:0;
-
- /*SometimesIE6hatesbackgroundcoloursnotbeingdeclared*/
- background-color:transparent;
-
- /*cansometimesstopcolumnstoowidefrombreakingalayout*/
- overflow:hidden;
-
- /*SometimesforceshasLayoutandfixesthings*/
- zoom:1;
- }
我經(jīng)常會碰到改變它的margin和display就能解決問題。然后我會使用Google搜索網(wǎng)上是否有相應(yīng)的Bug記錄。
解決問題
當(dāng)我找到解決該問題的辦法以后,通常我會將其放到名為ie6.css文件中,然后只讓IE6載入該CSS。當(dāng)然,要確定該樣式會覆蓋原先定義的樣式。
譯注:當(dāng)然也可以使用CSSHacks,但不推薦這樣做,原因之一是要“保持CSS簡單”。
本文出自:http://www.gracecode.com/Archive/Display/2523
【編輯推薦】
- IE6下使用CSS定義DIV高度行之有效的辦法
- 探究IE8與IE7具體功能中窗口功能按鈕的變化
- IE6 IE7 IE8三個版本的CSS兼容速查手冊
- DIV+CSS兼容IE6、IE7、Firefox方法探究
- 技術(shù)前沿 一段JS代碼輕松解決IE6-IE8的兼容性問題
網(wǎng)頁題目:技術(shù)分享在IE6下調(diào)試CSS方法揭秘
URL地址:
http://m.fisionsoft.com.cn/article/coihoid.html