1. แฮ็ค CSS
สองวิธีต่อไปนี้สามารถแก้ปัญหา HACK เกือบทั้งหมดได้ในปัจจุบัน
1. !สำคัญ
ด้วยการรองรับ !important ของ IE7 ตอนนี้วิธีการ !important จะกำหนดเป้าหมายเฉพาะ HACK ของ IE6 เท่านั้น (หมายเหตุในการเขียน: จำไว้ว่าต้องระบุตำแหน่งที่ประกาศไว้ล่วงหน้า)
| <สไตล์> #กระดาษห่อ - ความกว้าง: 100px!สำคัญ; ความกว้าง: 80px; - </สไตล์> |
2. IE6/IE77 ถึง FireFox
*+html และ *html เป็นแท็กเฉพาะของ IE และ Firefox ยังไม่รองรับ และ *+html เป็นแท็กเฉพาะสำหรับ IE7
| <สไตล์> #กระดาษห่อ - #กระดาษห่อ { ความกว้าง: 120px } *html #wrapper { ความกว้าง: 80px;} *+html #wrapper { ความกว้าง: 60px;} - </สไตล์> |
สังเกต:
*+html HACK สำหรับ IE7 ต้องแน่ใจว่ามีคำสั่งต่อไปนี้ที่ด้านบนของ HTML:
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ""> |
2. ลอยปิด (ลอยใส)
เพิ่มโค้ดต่อไปนี้ลงใน Global CSS และเพิ่ม class="clearfix" ลงใน div ที่ต้องปิด ซึ่งจะใช้งานได้ทุกครั้ง
| <สไตล์> .clearfix:หลัง - เนื้อหา:"."; จอแสดงผล: บล็อก; ความสูง:0; ชัดเจน:ทั้งสอง; ทัศนวิสัย: ซ่อนเร้น; - .เคลียร์ฟิกซ์ - จอแสดงผล: อินไลน์บล็อก; - .clearfix {จอแสดงผล:บล็อก;} </สไตล์> |