DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 前端技巧 >> 兼容IE6的min-width、min-height的簡單方法
兼容IE6的min-width、min-height的簡單方法
編輯:前端技巧     

如果一個站是寬屏的,你左右拖動浏覽器的窗口網站寬度會隨著窗口的大小而改變,而浏覽器窗口寬度減小到一定程度後就會出現下邊的滾動條,網站寬度就不會再減小了,我們知道這一簡單的功能用css的min-width就很容易能實現,但不幸的是,我們用戶很多的IE6不支持這個非常方便的屬性,怎麼辦呢,我們只要在網頁設計時加上下面的css語句就能解決:

方法一:

CSS Code復制內容到剪貼板
  1. height:auto!important;   
  2. height:580px;   
  3. min-height:580px;  

把以上三行代碼加到需要最小寬度的div裡即可,原理是使用IE6本身的BUG(當塊級元素內部的東西超出此塊級元素的高度時,塊級元素的高度會被撐開,也就是說IE6中的height屬性本身就等同於min-height)。

方法二:

CSS Code復制內容到剪貼板
  1. min-height:200px;   
  2. _height:200px;  

方法三:

CSS Code復制內容到剪貼板
  1. #min-width{   
  2.     min-width:900px;   
  3.     _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<900?"900px":"");   
  4.     line-height:200px;   
  5.     background:#ccc;   
  6. }  

方法四:

CSS Code復制內容到剪貼板
  1. #mpage{   
  2.     width:100%;   
  3.     min-width:980px;   
  4.     position:relative;   
  5.     _width: expression(((document.compatMode && document.compatMode=='CSS1Compat')? document.documentElement.clientWidth : document.body.clientWidth) < 980? '980px' : 'auto');    
  6. }  

以上四種方法任何一種都可解決IE6不支持min-width屬性的問題,本站用的是第四種。

以上這篇兼容IE6的min-width、min-height的簡單方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。

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