เมื่อไอ้อีหก..เราต้องเก็บ
วันนี้มาว่าด้วยภาษาอังกฤษในด้านของนักพัฒนาเว็บไซต์ (Web Developer) ซะหน่อย พอดีไปเจอบทความดีๆเกี่ยวกับการจัดการ css ในไออี 6 ซึ่งแฝงตัวอยู่ในรูปของภาษาอังกฤษ วันนี้เลยอาจหาญแปลแบบงูๆปลาๆ มาประจานตัวเองดู ~ Internet Explorer จัดได้ว่าเป็นหายนะ(bane) สำหรับนักพัฒนาเว็บไซต์ในยุคปัจจุบัน มากกว่า 60 เปอร์เซ็นต์ของเวลาพัฒนาเว็บไซต์ต้องหมดไปกับการมัวแก้ปัญหาคุณไอ้อี(ie) ดังนั้น วันนี้จึงอยากจะแนะนำ 9 วิธีสำหรับการแก้ปัญหา(โลกแตก) นั่น 1. Centering a Layout การจัดวางเลย์เอาต์ให้อยู่ตรงกลาง ปกติคำสั่ง margin: auto; เลย์เอาต์ก็จะอยู่ตรงกลางอย่างว่าง่ายแล้วละ แต่จะไม่ง่ายอย่างนั้นในไอ้อี6 เรามาพิจารณาถึงคำสั่งนี้กัน : #container{ border: solid 1px #000; background: #777; width: 400px; height: 160px; margin: 30px 0 0 30px; } #element{ background: #95CFEF; border: solid 1px #36F; width: 300px; height: 100px; margin: 30px auto; } ผลที่เราอยากได้คือแบบนี้ แต่ไออี 6 จะให้คุณแบบนี้ วิธีแก้ปัญหา เราต้องอาศัยคำสั่ง text-align เข้าช่วย โดยใส่คำสั่ง text-align; center สำหรับตัวหลัก และใส่คำสั่ง text-align: left สำหรับตัวใน ก็จะได้คำสั่งแบบนี้ #container{ border: solid 1px #000; …