ทำยังไงให้ footer อยู่ชิดด้านล่างตลอดครับ โดยที่ถ้าหน้าเพจยืด มันก็จะยืดตาม
ผมลองไปเพิ่ม css ใน #admin-footer ตามนี้
bottom:0;
position:absolute;
width:100%;
มันก้อยู้ด้านล่างน่ะครับแต่ถ้าหน้าเพจ ยืดมันก็จะไม่ยืมตามน่ะครับ หรือว่าจะต้องไปเขียนเป็นตารางครับ
ขอบคุณครับ
ผมลองไปเพิ่ม css ใน #admin-footer ตามนี้
bottom:0;
position:absolute;
width:100%;
มันก้อยู้ด้านล่างน่ะครับแต่ถ้าหน้าเพจ ยืดมันก็จะไม่ยืมตามน่ะครับ หรือว่าจะต้องไปเขียนเป็นตารางครับ
ขอบคุณครับ
มือใหม่อย่างผมก็งง...
ถ้าใช้ absolute มันจะไม่ยืดครับ ตำแหน่งมันจะคงทีี่
ถ้าจะให้อยู่ติดล่างตลอด ก็คงต้องออกแบบเพจ ให้มีหน้าขนาดพอดีจอครับ ถ้าจะให้ยืดได้ด้วย และ อยู่ติืดล่างด้วย อาจต้องใช้หลายเทคนิคผสมกันครับ
มีอันนึงที่น่าสนใจครับ คือ min-height:100%; ครับ เป็นการกำหนดความสูงอย่างน้อยเต็มจอ แต่อาจต้องกำหนดอย่างอื่นร่วมด้วย เท่าที่เคยลองใช้ property นี้ มันทำงานไม่ค่อยเหมือนกันในแต่ละ browser ครับ
ถ้าจะให้อยู่ติดล่างตลอด ก็คงต้องออกแบบเพจ ให้มีหน้าขนาดพอดีจอครับ ถ้าจะให้ยืดได้ด้วย และ อยู่ติืดล่างด้วย อาจต้องใช้หลายเทคนิคผสมกันครับ
มีอันนึงที่น่าสนใจครับ คือ 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>
ขออภัยถ้าไม่ใช้อย่างที่ต้องการ
เดาว่าคงต้องดึงพี่จาเข้าตามหาช้างด้วย (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/.......html
มีอันนี้แหละ เคล็ดลับอยู่ที่ต้องมีทั้ง 2 กรอบ และ ให้กรอบสีแดงมี min-height เท่ากับ 100%
ลองประยุกต์ดู
มีอันนี้แหละ เคล็ดลับอยู่ที่ต้องมีทั้ง 2 กรอบ และ ให้กรอบสีแดงมี min-height เท่ากับ 100%
ลองประยุกต์ดู