DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> IE6、IE7、Firefox中margin問題解決辦法
IE6、IE7、Firefox中margin問題解決辦法
編輯:CSS詳解     

你對IE6/IE7/Firefox的margin問題解決辦法了解多少,這裡和大家分享一下,希望對你的學習有所幫助。

IE6/IE7/Firefox的margin問題解決辦法

這兩天在做一個網站的布局,因為經常用firefox,所有的內容都是在Firefox下面調試的,等快完工了切回IE7一看,樣式差別好多,主要是在margin,padding這幾個元素的理解上。
我知道ie6IE7Firefox對margin的解釋都不同,去網上查了一下,可以通過!important這樣的手段hack。
具體的做法有以下幾種:

第一種:

  1. .div{
  2. background:orange;/*ff*/
  3. *background:green!important;/*IE7*/
  4. *background:blue;/*IE6*/
  5. }

第二種:

  1. .div{
  2. margin:10px;/*ff*/
  3. *margin:15px;/*IE7*/
  4. _margin:15px;/*IE6*/
  5. }

第三種:

  1. #div{color:#333;}/*ff*/
  2. *Html#div{color:#666;}/*IE6*/
  3. *+Html#div{color:#999;}/*IE7*/

現在常用了第一種,很好用,寫出來與大家分享。
在給一個例子:

  1. #pages{margin:auto;width:910px;text-align:left;}
  2. #pages{*width:915px!important;}/*IE7*/

 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved