Browser Compatibility Check for Internet Explorer
ทำงานกับ css บ่อย พบว่า browser ที่สร้างปัญหาให้กับชีวิตมากที่สุดคือ IE
IE7,8 ยังพอคุยกันได้ ไม่งอแง แต่ IE5,6 นี่ เข้าขั้นแย่แล้วนะ งอแง ง๊องแง๊งประจำ
ครั้นจะทดสอบแต่ละทีก็ลำบากลำบน ถ้าเครื่องมี IE8 อยู่แล้ว ก็ต้องควานหา IE5, IE6, IE7 standalone มาลง ใช้ได้บ้างไม่ได้บ้าง
สร้างความปวดหัวมากขึ้นไปอีก
แต่วันนี้คุณภาพชีวิตดีขึ้นแล้วตั้งแต่พบ IETester
ถึงแม้ feature พื้นฐานบางอย่างของ IE จะใช้ไม่ได้บน IETester เช่น
- ปุ่ม Previous/Next มีปัญหา
- Focus ใช้ไม่ได้
- Java applets ใช้ไม่ได้
- Flash บน IE6, CSS Filters ใช้ไม่ได้ ถ้ารันด้วย user mode
แต่ช่างเถอะ ตั้งใจจะเอามา test css เท่านั้น
โหลดมาเพิ่มคุณภาพชีวิตได้ที่ http://www.my-debugbar.com/wiki/IETester/HomePage
ของเค้าดีจริงๆ แถมยังใจดีให้ใช้ฟรีอีก รีบโหลดมาใช้โดยพลัน
CSS fix : Firefox always leaves space under img tag
I'm working with CSS and found that Firefox(3.5) always leaves space under img tag like this.
<div id="promotion"> <ul> <li> <img src="/Home/images/Special_Head.gif" width="319" height="24"/> <img src="/Home/images/Special_Head.gif" width="319" height="24"/> </li> </ul> </div>
I try to set padding and margin to zero(0) but It's still show that space.
Google told me how to slove this issue.
Web Resource 2008-07-20
วันนี้นั่งไล่อ่าน feed ที่ค้างไว้นาน 1000+ ก็ตามเคย เลยไปเจออะไรน่าสนใจหลายอย่าง bookmark ไว้อย่างเดียวกลัวจะลืม เอามา blog รวมไว้หน่อยดีกว่าจะได้ไม่ลืม
CSS (Flexible Text)
CSS Design
เดี๋ยวนี้ถ้าทำเว็บใหม่แล้วยังใช้ tag เป็นโครงสร้างหลัก อยู่คงโดนบ่นว่าเชย เพราะสมัยนี้เค้าเปลี่ยนมาใช้ CSS กันหมดแล้ว ส่วนตัวแล้วทำงานกับ table มานานก่อนนี้รู้สึกไม่ชอบแท็ก div ด้วยซ้ำเพราะถูกสอนมาว่า div คือ layer จัดการยากเลยทำให้ใช้แต่ table เรื่อยมาจนถึงทุกวันนี้ แต่..












