2010年9月26日 星期日

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

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 "
Related Posts Plugin for WordPress, Blogger...