你對IE6/IE7/Firefox的margin問題解決辦法了解多少,這裡和大家分享一下,希望對你的學習有所幫助。
IE6/IE7/Firefox的margin問題解決辦法
這兩天在做一個網站的布局,因為經常用firefox,所有的內容都是在Firefox下面調試的,等快完工了切回IE7一看,樣式差別好多,主要是在margin,padding這幾個元素的理解上。
我知道ie6IE7Firefox對margin的解釋都不同,去網上查了一下,可以通過!important這樣的手段hack。
具體的做法有以下幾種:
第一種:
- .div{
- background:orange;/*ff*/
- *background:green!important;/*IE7*/
- *background:blue;/*IE6*/
- }
第二種:
- .div{
- margin:10px;/*ff*/
- *margin:15px;/*IE7*/
- _margin:15px;/*IE6*/
- }
第三種:
- #div{color:#333;}/*ff*/
- *Html#div{color:#666;}/*IE6*/
- *+Html#div{color:#999;}/*IE7*/
現在常用了第一種,很好用,寫出來與大家分享。
在給一個例子:
- #pages{margin:auto;width:910px;text-align:left;}
- #pages{*width:915px!important;}/*IE7*/