A-AA+then

Layout ใน admin GCMS3

1,455
ทำยังไงให้ footer อยู่ชิดด้านล่างตลอดครับ โดยที่ถ้าหน้าเพจยืด มันก็จะยืดตาม
ผมลองไปเพิ่ม css ใน #admin-footer ตามนี้

bottom:0;
 position:absolute;
 width:100%;

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

ขอบคุณครับ

4 ความคิดเห็น

มือใหม่อย่างผมก็งง...

1

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

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

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

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

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

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



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

4
^