|
หัวข้อ: <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 ผิด คุณคิดว่าไงครับ ::) หัวข้อ: Re: <DIV> ให้หน้าเพจอยู่ตรงกลางของหน้าจอ แบบไหนดีที่สุดครับ ^_^'' เริ่มหัวข้อโดย: Synchronize ที่ 12 มิถุนายน 2009, 02:18:39 ผมก็ใช้แบบที่ 2 นะ แต่โค้ดแบบนี้
โค๊ด: #main {:-[ หัวข้อ: Re: <DIV> ให้หน้าเพจอยู่ตรงกลางของหน้าจอ แบบไหนดีที่สุดครับ ^_^'' เริ่มหัวข้อโดย: EThaiZone ที่ 12 มิถุนายน 2009, 02:25:26 แบบสอง เพราะถ้าใช้ absolute
เวลาใช้บน div ซ้อนกัน มันจะจัดการยาก สรุป ว่าแล้วแต่เคส แต่ส่วนมากผมใช้แบบสอง หัวข้อ: Re: <DIV> ให้หน้าเพจอยู่ตรงกลางของหน้าจอ แบบไหนดีที่สุดครับ ^_^'' เริ่มหัวข้อโดย: UnzO ที่ 12 มิถุนายน 2009, 05:08:22 แบบสองดีสุดแล้วครับ ทุกอย่างจัดการง่ายครับ ในตอนที่เว็บเราโตขึ้น
หัวข้อ: Re: <DIV> ให้หน้าเพจอยู่ตรงกลางของหน้าจอ แบบไหนดีที่สุดครับ ^_^'' เริ่มหัวข้อโดย: bankkungz ที่ 12 มิถุนายน 2009, 08:15:24 ผมใช้
#main{ width:800px; margin:0 auto; } มันจัดกลางหน้าได้ แต่ มันจะมีปัญหาเกี่ยวกับการ set ค่า margin อื่นๆ ดังที่ rep ด้านบนกล่าวมาครับ แต่ดูๆแล้วแบบที่ 2 น่าจะ work ที่สุดครับ :D |