Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,027

HOME > PHP > PHP Forum > ตั้งค่า position เป็น fixed แล้ว แต่เลย์เอ้ายังเลื่อนขึ้นลงตามสกอร์บาร์อยู่ทำยังไงดีครับ

ตั้งค่า position เป็น fixed แล้ว แต่เลย์เอ้ายังเลื่อนขึ้นลงตามสกอร์บาร์อยู่ทำยังไงดีครับ

เริ่มหัวข้อใหม่

satsukode

โพสกระทู้ ( 15 )
บทความ ( 0 )

คือผมจะตั้งค่าให้footer เป็นแบบนี้ครับ

Code

  .pagefooter
      {
          width:100%;
          height:30px;
          position:fixed;
		  left:0px;  
          bottom:0px;
       }

แล้วในส่วนbody ผมแยกมาไว้เป็นส่วนที่ไม่เกียวกับโค้ดอื่นเลยแบบนี้ครับ

Code

<div class="pagefooter"></div>

แต่พอลองรันในหน้าdesign ดู มันกลับไม่อยู่ขอบล่างหน้าจอ แต่กลับหล่นลงไปอยู่ท้ายสุดของเพจ พอผมลดเนื้อหาของdivข้างบน มันกลับเกาะติดบทความตามขึ้นไปด้วยครับ

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

Tag : PHP, HTML/CSS

Date : 2015-03-31 17:03:55

By : satsukode

View : 1292

Reply : 2

No. 1

TC Admin

โพสกระทู้ ( 74,058 )
บทความ ( 838 )

Code

#pagefooter {
   position:fixed;
   left:0px;
   bottom:0px;
   height:30px;
   width:100%;
}

ลองแบบนี้ดูคครับ

Date : 2015-04-01 07:54:13

By : mr.win

No. 2

satsukode

โพสกระทู้ ( 15 )
บทความ ( 0 )

ขอบคุณครับ แต่ลองทำแล้วยังไม่ได้เหมือนเดิมครับ

Date : 2015-04-02 11:42:07

By : satsukode

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : ตั้งค่า position เป็น fixed แล้ว แต่เลย์เอ้ายังเลื่อนขึ้นลงตามสกอร์บาร์อยู่ทำยังไงดีครับ

รายละเอียด

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

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 05