關於CSS 瀏覽器安全色的兩個問題

來源:互聯網
上載者:User

 今天用我的本兒本兒看我的網站的時候發現排版比較亂,所以決定改一下。但是我的網站基本上是基於div+css寫的,那個時候機器上只有IE6 所以基本上只有IE6瀏覽的時候是正常的。

      大概是去年的時候,我在家裡的機器上裝了一個FF,然後針對FF做了一些修改。現在又要針對IE7做改動了,不知什麼時候還要針對IE8做改動,我相信IE8很快就會出來,現在好像已經有英文的測試版本了。這個我沒有見過。

       基本上我遇到的問題就是IDV高度適應內容和IDV高度置中的問題。去百度找了一下資料,試了幾種方法,感覺用!important 結合min-height 的辦法是最好的。其他的方法讓我感覺到怪異和不舒服。於是先試一下這個方法。

        大致上代碼是這樣的:
       div#layout {
           height:auto !important; /*針對非IE 6 高度auto*/
           min-height:100px;         /*針對IE7的*/
       }
當然了IE6 預設會自動適應這個不用管了。

        還有一個問題就是垂直置中的問題,利用了IE6 IE7的幾個特性,如:!important ,*
        代碼如下
        div#HL{
             vertical-align:middle;             /*用於IE7置中但不能有padding,對IE6和FF不起作用*/
            *padding:0px !important;       /*這句IE7執行 IE6也會執行 FF不執行*/
            /*我整個div高度是120,中間有個圖片高度60 所以上下padding為 30px*/
          padding:30px 0;                      /*IE6和FF執行*/
       }

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.