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

在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 的使用人數仍然高居不下!

這相信讓許多網頁設計師 而上述一些怨言後言歸正傳!首先來講的的是 在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!