แก้ CSS แล้ว IE7 กับ FireFox แสดงผลต่างกัน

By peachband

จะทำยังไงดีครับ ผลลัพธ์ที่ออกมามันแตกต่างกันมาก ถ้าจะทำให้ ie7 กับ firefox แสดงผลเหมือนกันจะมีวิธีแก้ ไหมครับ

3 comments

รูปภาพของ sugree
By sugree
3 years 9 weeks ago

ค่อยๆ

ค่อยๆ ใส่ข้อยกเว้นครับ

รูปภาพของ gibbo
By gibbo
3 years 9 weeks ago

มันต้องแก

มันต้องแก้ทีละจุดน่ะครับ อย่างแรกต้องเช็คโค้ดเราเองก่อนว่า validate ผ่านรึเปล่า อันนี้สำคัญมาก เพื่อให้บราวเซอร์อ่านหน้าเว็บใน standards mode ถ้าโค้ดไม่ถูกต้อง มันก็จะอ่านตามใจมัน (quirks mode ดูเพิ่มเติมที่ http://en.wikipedia.org/wiki/Quirks_mode)

เช็คความถูกต้องของ html และ css ที่
- html validator http://validator.w3.org/
- css validator http://jigsaw.w3.org/css-validator/

แล้ว css bug ใน ie6 กับ ie7 ก็ไม่เหมือนกันซะด้วยสิ ก็ต้องแยกจัดการ
ดู bug ทั้งหลายของ ie และ วิธี hack ที่
- http://www.positioniseverything.net/explorer.html

ดูวิธีจัดการ ie css hack แบบแยกเวอร์ชั่น ได้ที่
- http://onhavinglayout.fwpf-webdesign.de/hack_management/

ดูตารางเปรียบเทียบความสามารถของบราวเซอร์แต่ละตัวที่
- http://www.quirksmode.org/css/contents.html

ส่วนวิธีการโยนภาระให้ผู้ใช้ ie (40 kb) แบบไม่ต้องแฮ็ค ก็คือ
- http://code.google.com/p/ie7-js/
(แต่บางทีก็ไม่ได้ผล ต้องเช็คดูจากหลายๆเวอร์ชั่นและหลายๆเครื่องด้วยครับ)

ยังมีให้อ้างถึงอีกเยอะ ที่ยกมานี้ไม่ใช่เพื่ออวดรู้นะครับ แต่เพื่อบอกว่า ie ทำให้พวกเราสิ้นเปลืองพลังงานในการทำเว็บอย่างมาก สร้างมูลค่าความเสียหายทางเศรษฐกิจได้ไม่น้อย (แต่ก็คงน้อยกว่าปิดสนามบินล่ะมั้ง?)

รูปภาพของ peachband
By peachband
3 years 9 weeks ago

ขอบคุณครั

ขอบคุณครับ