เรื่องของ position กับกลางจอ
หากจำเป็นต้องใช้ position เป็น absolute แล้ว จะไม่สามารถกำหนดตำแหน่งแนวนอนให้กลางจอได้ ด้วย float เหมือนที่เคยใช้กัน
แบบนี้ไม่กลางจอแน่
ถ้าจำเป็นต้องกำหนด position เป็น absolute และยังต้องให้อยู่กลางจอให้ใช้ คำสั่งแบบนี้
.center {
float:none;
margin:0 auto;
position:absolute;
}
แบบนี้ไม่กลางจอแน่
ถ้าจำเป็นต้องกำหนด position เป็น absolute และยังต้องให้อยู่กลางจอให้ใช้ คำสั่งแบบนี้
.center {
width:300px; /* จำเป็นต้องกำหนดความกว้างให้คงที่ */
position:absolute;
left:50%; /* ด้านซ้ายครึ่งจอ */
margin-left:-150px; /*margin-left ติดลบครึ่งหนึ่งของความกว้าง */
}