top
icon-mail-alt phone
X

(進階) 網頁設計之CSS語法教學 - IE6的 min-height 最小高度

分類 精選文章
發佈日期 2010 , 06 , 23
觀看人數 15020
回應 0

在2010年6月23日的今日 Internet Explorer 6.0 已經在市場上屹立了九年多的時間(Internet Explorer 6.0版本於2001年8 月27日發佈,至今仍是最多台灣人使用的瀏覽器,儘管 Internet Explorer 8.0版本早已在2009年10月23日正式發佈,但無奈 Internet Explorer 6.0 的使用人數仍然高居不下!

下圖為台灣 2008/09-2009/09 瀏覽器使用比較表

為台灣瀏覽器使用比較表

這相信讓許多網頁設計師 而上述一些怨言後言歸正傳!首先來講的的是 在IE6 瀏覽器下的 min-height 用法,什麼是min-height? min-height就是控制HTML標籤元素的最小高度!(那有沒有最小寬度阿? 有的就是 min-width) 而最小高度在網頁設計上為配合實際設計的需要常常需要用到!但是舊版瀏覽器並不支援 min-height 而新版的瀏覽器指定 height 時當內容量過多時又會照成網頁內容被隱蔽或下區塊上移的狀況!因此這時應變方法如下

CSS語法

#id {
  min-height: 650px;
  _height: 650px;  /* ie6 專用 */
}
為何呈現?

首先 第一行 min-height: 650px; 是定義給較新版的瀏覽器 IE7+、FF、Safari,而_height: 650px;以底線開頭的新版瀏覽器並無法辨識!是專為IE6所設定! Try it!

分類 精選文章
發佈日期 2010 , 06 , 23
觀看人數 15020
回應 0

Leave a reply

名稱
Email
Post
0 Comments