แบบที่ 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 ผิด
คุณคิดว่าไงครับ :