GORAGOD.com
freelance, web developer, web designer, hosting, domain name
Home
Host & Domain
Portfolio
Layout ใน admin GCMS3
Home
Forum
Layout ใน admin GCMS3
บุ้ง
ทำยังไงให้ footer อยู่ชิดด้านล่างตลอดครับ โดยที่ถ้าหน้าเพจยืด มันก็จะยืดตาม
ผมลองไปเพิ่ม css ใน #admin-footer ตามนี้
bottom:0;
position:absolute;
width:100%;
มันก้อยู้ด้านล่างน่ะครับแต่ถ้าหน้าเพจ ยืดมันก็จะไม่ยืมตามน่ะครับ หรือว่าจะต้องไปเขียนเป็นตารางครับ
ขอบคุณครับ
songmusic@hotmail.com
มือใหม่อย่างผมก็งง...
goragod
ถ้าใช้ 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>
ขออภัยถ้าไม่ใช้อย่างที่ต้องการ
goragod
http://www.goragod.com/.......html
มีอันนี้แหละ เคล็ดลับอยู่ที่ต้องมีทั้ง 2 กรอบ และ ให้กรอบสีแดงมี min-height เท่ากับ 100%
ลองประยุกต์ดู
ความคิดเห็น
รายละเอียด
ไฟล์อัปโหลด ชนิด jpg, jpeg ขนาดไฟล์ไม่เกิน 1024
^
มือใหม่อย่างผมก็งง...
ถ้าจะให้อยู่ติดล่างตลอด ก็คงต้องออกแบบเพจ ให้มีหน้าขนาดพอดีจอครับ ถ้าจะให้ยืดได้ด้วย และ อยู่ติืดล่างด้วย อาจต้องใช้หลายเทคนิคผสมกันครับ
มีอันนึงที่น่าสนใจครับ คือ min-height:100%; ครับ เป็นการกำหนดความสูงอย่างน้อยเต็มจอ แต่อาจต้องกำหนดอย่างอื่นร่วมด้วย เท่าที่เคยลองใช้ property นี้ มันทำงานไม่ค่อยเหมือนกันในแต่ละ browser ครับ
เดาว่าคงต้องดึงพี่จาเข้าตามหาช้างด้วย (JavaScript) (เดานะ...อาจมีวิธีอื่น)
แต่ถ้าหากว่าจะให้ foot อยู่ด้านล่างของเพจตามความยาวของหน้านั้นๆ ล่ะก็
เปรียวมีวิธีง่ายๆ โดยที่เอาเจ้า foot เนี่ย
ไปไว้ลำดับสุดท้ายหลัง content
แล้วใช้ CSS ตกแต่งเอา
มันก็จะอยู่ด้านล่างสุดตรงนั้นเสมอ
ไม่ว่าข้อมูลจะยาวจะสั้น
<div id="container">
<div id="head"></head>
<div id="content">
ข้อมูลในหน้าเว็บหรือข้อมูลแบบ dynamic ที่อ่านเข้ามา
<div id="foot">เท้าจ้า......</div>
</div>
</div>
ขออภัยถ้าไม่ใช้อย่างที่ต้องการ
มีอันนี้แหละ เคล็ดลับอยู่ที่ต้องมีทั้ง 2 กรอบ และ ให้กรอบสีแดงมี min-height เท่ากับ 100%
ลองประยุกต์ดู