2/10/2008

最大寬度與最小寬度網頁設定- Part II

曾介紹過 "最大寬度與最小寬度網頁設定" 方式, 文中提到最大或最小可擇一使用, 但最近有人問到可否合併使用? 因為直接用原來方式將最大與最小寬度寫在一起會讓 broswer 當掉.

要合併使用的寫法如以下所示(最大寬度不大於950px, 最小寬度不小於780px):

div {
min-width: 780px;
max-width: 950px;
width:expression(document.body.clientWidth < 780? "780px" : document.body.clientWidth > 950? "950px" : "auto");
}

但要強調的是這方式是針對IE6以下的IE瀏覽器使用, IE7和Firefox等較新的瀏覽器已經支援 min-width 和 max-width 的 CSS 語法, 不需要用這種方式設定.