ถ้าใช้ absolute มันจะไม่ยืดครับ ตำแหน่งมันจะคงทีี่

ถ้าจะให้อยู่ติดล่างตลอด ก็คงต้องออกแบบเพจ ให้มีหน้าขนาดพอดีจอครับ ถ้าจะให้ยืดได้ด้วย และ อยู่ติืดล่างด้วย อาจต้องใช้หลายเทคนิคผสมกันครับ

มีอันนึงที่น่าสนใจครับ คือ min-height:100%; ครับ เป็นการกำหนดความสูงอย่างน้อยเต็มจอ แต่อาจต้องกำหนดอย่างอื่นร่วมด้วย เท่าที่เคยลองใช้ property นี้ มันทำงานไม่ค่อยเหมือนกันในแต่ละ browser ครับ

ถ้าจะเอาแบบว่า foot ติดอยู่กับขอบด้านล่างของ browser ตลอดเวลา
เดาว่าคงต้องดึงพี่จาเข้าตามหาช้างด้วย (JavaScript) (เดานะ...อาจมีวิธีอื่น)

แต่ถ้าหากว่าจะให้ foot อยู่ด้านล่างของเพจตามความยาวของหน้านั้นๆ ล่ะก็
เปรียวมีวิธีง่ายๆ โดยที่เอาเจ้า foot เนี่ย
ไปไว้ลำดับสุดท้ายหลัง content
แล้วใช้ CSS ตกแต่งเอา
มันก็จะอยู่ด้านล่างสุดตรงนั้นเสมอ
ไม่ว่าข้อมูลจะยาวจะสั้น

<div id="container">
  <div id="head"></head>
  <div id="content">
    ข้อมูลในหน้าเว็บหรือข้อมูลแบบ dynamic ที่อ่านเข้ามา
    <div id="foot">เท้าจ้า......</div>
  </div>
</div>


ขออภัยถ้าไม่ใช้อย่างที่ต้องการ

http://www.goragod.com/...%97%E0%B8%B5%29.html

มีอันนี้แหละ เคล็ดลับอยู่ที่ต้องมีทั้ง 2 กรอบ และ ให้กรอบสีแดงมี min-height เท่ากับ 100%

ลองประยุกต์ดู