如果一個站是寬屏的,你左右拖動瀏覽器的視窗網站寬度會隨著視窗的大小而改變,而瀏覽器視窗寬度減小到一定程度後就會出現下邊的滾動條,網站寬度就不會再減小了,我們知道這一簡單的功能用css的min-width就很容易能實現,但不幸的是,我們用戶很多的IE6不支持這個非常方便的屬性,怎麼辦呢,我們只要在網頁 ...
如果一個站是寬屏的,你左右拖動瀏覽器的視窗網站寬度會隨著視窗的大小而改變,而瀏覽器視窗寬度減小到一定程度後就會出現下邊的滾動條,網站寬度就不會再減小了,我們知道這一簡單的功能用css的min-width就很容易能實現,但不幸的是,我們用戶很多的IE6不支持這個非常方便的屬性,怎麼辦呢,我們只要在網頁設計時加上下麵的css語句就能解決:
方法一:
height:auto!important;
height:580px;
min-height:580px;
把以上三行代碼加到需要最小寬度的div里即可,原理是使用IE6本身的BUG(當塊級元素內部的東西超出此塊級元素的高度時,塊級元素的高度會被撐開,也就是說IE6中的height屬性本身就等同於min-height)。
方法二:
min-height:200px;
_height:200px;
方法三:
#min-width{ min-width:900px; _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<900?"900px":""); line-height:200px; background:#ccc; }
方法四:
#mpage{ width:100%; min-width:980px; position:relative; _width: expression(((document.compatMode && document.compatMode=='CSS1Compat')? document.documentElement.clientWidth : document.body.clientWidth) < 980? '980px' : 'auto'); }
心上四種方法任何一種都可解決IE6不支持min-width屬性的問題,本站用的是第四種。