[CSS] 將footer 浮動固定在網頁下方

2010年9月26日星期日

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<div id="footer">footer圖片 and 內容</div>

CSS:

#footer {
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 1;
}

Note: 不支援IE6以下瀏覽器

如果要支援的話請搜尋 " position: fixed IE6 Hack "

網頁