大象蕉视频在线观看75

IE6、IE7、Firefox中margin問題解決辦法 |
    當前位置 | 網頁資訊 | IE6、IE7、Firefox中margin問題解決辦法
  • IE6、IE7、Firefox中margin問題解決辦法
    发布时间: 2011/1/10 10:45:48   查看次数: 8171 

    你對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*/  
    4.  

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

    1. #pages{margin:auto;width:910px;text-align:left;}  
    2. #pages{*width:915px!important;}/*IE7*/  
    ,
    相關內容
    上一條:八大技巧輕松書寫CSS
    下一條:Div CSS经验:组织选择符和声明
    推薦文章
    本月熱點文章