โน โน
มันกลางที่บรรทัดนี้ครับ
position:absolute;
อันนี้แปลว่า ตูจะบอกพิกัดแบบ Pixel แล้วนะต่อไปนี้ (สำคัญ) top: 50%;
แล้วตำแหน่งเริ่มต้นของกล่องนี้คือ 50% ของความสูงของหน้า left: 50%;
และ 50% ของทางซ้าย height:200px; ความสูงของกล่อง
width:400px; ความกว้างของกล่อง
ผลที่ได้คือมันจะเบี้ยวออกทางขวาล่างหน่อยนึงเพราะกล่องมันจะใหญ่ใช่ไหมครับ
ก็เลยต้องเอาไอ้นี่มาแก้
margin:-100px 0px 0px -200px;
การกำหนดระยะของ css เวลาเรียงกันสี่ตัวมันคือ บน ขวา ล่าง ซ้าย ครับ
-100 คือบอกให้ขึ้นบน 100 นะ
ส่วน -200 คือบอกให้ไปซ้าย 200 นะ
ซึ่งระยะดังกล่าวนี่คือครึ่งหนึ่งของความกว้างความสูงของกล่องพอดี