DIV CSS 佈局教程網

尋找解決方案

IE6是頭“烈馬”，它會按照自己的規則去渲染CSS。當找到對應的元素後，下面有些經驗式的解決方案可以參考一下：

#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;  
}  

我經常會碰到改變它的margin和display就能解決問題。然後我會使用Google搜索網上是否有相應的Bug記錄。

解決問題

當我找到解決該問題的辦法以後，通常我會將其放到名為ie6.css文件中，然後只讓IE6載入該CSS。當然，要確定該樣式會覆蓋原先定義的樣式。

譯注：當然也可以使用CSSHacks，但不推薦這樣做，原因之一是要“保持CSS簡單”。

本文出自：http://www.gracecode.com/Archive/Display/2523