divให้หน้าเพจอยู่ตรงกลางของหน้าจอ

http://www.thaiseoboard.com/index.php/topic,65300.0.html

<DIV> ให้หน้าเพจอยู่ตรงกลางของหน้าจอ แบบไหนดีที่สุดครับ ^_^'' « เมื่อ: 12 มิถุนายน 2009, 01:46:25 » แบบที่ 1#main {    width: 800px;           position:absolute;           left:50%;                         /* ด้านซ้ายครึ่งจอ  */           margin-left:-400px;            /*margin-left ติดลบครึ่งหนึ่งของความกว้าง */           } แบบที่ 2 #main {           width: 800px;           margin-left:auto;           margin-right:auto;           } แบบที่ 3 #main {           width: 800px;           margin:auto;           } ตามความคิดผม แบบที่ 2 ดีที่สุด แบบที่ 1 คนนิยมใช้เพราะไม่รู้ว่า margin มัน auto แล้วจะอยู่กึ่งกลางได้เลยกำหนด ให้ติดลบเอา แบบที่ 2 เว็บต่างประเทศเค้าก็ใช้กันทั่วบ้านทั่วเมือง แต่เห็นหลายเว็บทำไม ถึงใช้แบบแรกอยู่ แบบที่ 3 พอเรากำหนด margin-top หรือ margin-bottom มันจะไม่ไปอยุ่ตรงกลาง อาจจะไม่เกี่ยวก็ได้ครับ ผมอาจจะเขียน CSS ผิด คุณคิดว่าไงครับ  :  บันทึกการเข้า เล่นเกมส์มันๆกันได้ที่นี่เกมส์  มาเล่นเกม กันนะ เกมส์สนุกๆ เกมส์แองกี้เบิร์ด  ดูที่วีออนไลน์กันนะ ทีวีออนไลน์  ยาขาว

Synchronize หัวหน้าแก๊งเสียว พลังน้ำใจ: 82  ออฟไลน์ กระทู้: 1,219 Re: <DIV> ให้หน้าเพจอยู่ตรงกลางของหน้าจอ แบบไหนดีที่สุดครับ ^_^'' « ตอบ #1 เมื่อ: 12 มิถุนายน 2009, 02:18:39 » ผมก็ใช้แบบที่ 2 นะ แต่โค้ดแบบนี้ โค๊ด: #main {      width: 900px;      margin: 0 auto; }    บันทึกการเข้า เนื้อหาความรู้น่าสนใจ ใหม่ๆ เทคนิคการแก้ไขปัญหาจากการ float ซ้อน float แล้ว clear  ทำเว็บได้ด้วยตัวเองฟรี ด้วยระบบเว็บสำเร็จรูป unbbz , เว็บธรรมดา , เว็บบอร์ด , เว็บขายของ ทำได้หมดเลย

EThaiZone เจ้าพ่อโลลิค่อน เจ้าพ่อบอร์ดเสียว พลังน้ำใจ: 319  ออฟไลน์ กระทู้: 12,517   Re: <DIV> ให้หน้าเพจอยู่ตรงกลางของหน้าจอ แบบไหนดีที่สุดครับ ^_^'' « ตอบ #2 เมื่อ: 12 มิถุนายน 2009, 02:25:26 » แบบสอง เพราะถ้าใช้ absolute เวลาใช้บน div ซ้อนกัน มันจะจัดการยาก สรุป ว่าแล้วแต่เคส แต่ส่วนมากผมใช้แบบสอง  บันทึกการเข้า *** [WEBDEV Room!] แชร์ทุกเรื่อง ถ้าเป็นเว็บ! *** *** [PHP Room] แชร์ PHP กันวันละนิด *** My Facebook

UnzO หัวหน้าแก๊งเสียว พลังน้ำใจ: 54  ออฟไลน์ กระทู้: 1,872   Re: <DIV> ให้หน้าเพจอยู่ตรงกลางของหน้าจอ แบบไหนดีที่สุดครับ ^_^'' « ตอบ #3 เมื่อ: 12 มิถุนายน 2009, 05:08:22 » แบบสองดีสุดแล้วครับ ทุกอย่างจัดการง่ายครับ ในตอนที่เว็บเราโตขึ้น  บันทึกการเข้า

bankkungz สมุนแก๊งเสียว พลังน้ำใจ: 3  ออฟไลน์ กระทู้: 950 Re: <DIV> ให้หน้าเพจอยู่ตรงกลางของหน้าจอ แบบไหนดีที่สุดครับ ^_^'' « ตอบ #4 เมื่อ: 12 มิถุนายน 2009, 08:15:24 » ผมใช้ #main{ width:800px; margin:0 auto; } มันจัดกลางหน้าได้ แต่ มันจะมีปัญหาเกี่ยวกับการ set ค่า margin อื่นๆ ดังที่ rep ด้านบนกล่าวมาครับ แต่ดูๆแล้วแบบที่ 2 น่าจะ work ที่สุดครับ