Warning: session_start(): open(/tmp/sess_2bh07dat64rf3099epca9chhm7, O_RDWR) failed: No space left on device (28) in /disk2/guru/public_html/qa-include/app/users.php on line 146
ทำยังไงให้ header เว็บตรึงอยู่ด้านบนตลอด - CITEC-Guru ถามปัญหาคอม เขียนโปรแกรม
พึ่งเคยใช้งานครั้งแรกโปรดอ่านที่นี่! howtouse!
x
  • Register
หางานด้าน IT อยู่เหรอ?

ทำยังไงให้ header เว็บตรึงอยู่ด้านบนตลอด

+3 votes
ใครพอจะมีวิธีตรึง header เว็บให้อยู่ด้านบนตลอดบ้างครับ

อย่างเช่น facebook ที่จะมี header สีน้ำเงินอยู่ด้านบนและเลื่อนตามตลอด
ถามเมื่อ May 7, 2012 in Html,Javascript,CSS โดย จุ๊ย คนไร้วาสนาพระเจ (157 คะแนน)
   

4 Answers

+3 votes
ใช้ css กำหนดให้มันครับ ผมใบ้ให้ละกันว่า ใช้ position property
ตอบเมื่อ May 7, 2012 โดย PM Master (110 คะแนน)
0 votes

กำหนดค่า position หรือว่าสร้างเป็นเพจ แล้ว include ไฟล์มา หรือไม่ก็ใช้การ fixed background ก็น่าจะช่วยได้ครับ

ตอบเมื่อ May 7, 2012 โดย fueangfha (104 คะแนน)
ครับขอบคุณครับ ตอนนี้ได้แล้วครับ แต่ติดปัญหาตรงที่ เนื้อหามันซ้อนทับ header เช่นพอเราใส่ iframe ที่เป็น link video ของ youtube มันจะทับ header ครับ เดี๋ยวหาวิธีแก้ไขก่อนครับ
0 votes
ช่วยอธิบายเเพิ่มเติมอีกหน่อยได้มั้ยครับ
ตอบเมื่อ May 7, 2012 โดย Sp Nueng Nlkk (106 คะแนน)
ใช้ z-idex ครับ หำหนด z-index ให้ header มากๆ มันจะลอยเหนือ element ตัวอื่นครับ
http://rabbitinblack.com/2011/10/css-z-index/
ตามความคิดของผม
ตัวอย่างประมาณนี้ครับ
http://jsfiddle.net/nodtem66/AxvLv
credit:
http://stackoverflow.com/questions/326196/ff3-windows-css-z-index-problem-with-youtube-player
0 votes
ใช้ CSS ครับ  Position เป็น Fixed ครับ ถ้า กำหนดเป็น in-line ก็ได้ โดย <div style =" position:fixed; top:100px; left:100px; ">

http://www.w3schools.com/cssref/pr_class_position.asp
ตอบเมื่อ May 8, 2012 โดย babyzaa159 (286 คะแนน)

Related questions

0 votes
0 คำตอบ
0 votes
1 คำตอบ
...