! Theme บลอคนี้ไม่สนับสนุน IE6

posted on 05 Dec 2008 20:34 by conan1414 in Maintenance

สวัสดีครับทุก ๆ ท่านครับ

ปัจจุบันนี้สิ่งต่าง ๆ ก็เกิดขึ้นมากมาย ทั้งเทคโนโลยีใหม่ ๆ ต่าง ๆ สิ่งที่จะทำให้ผู้ใช้หลาย ๆ คนสะดวกขึ้น ง่ายขึ้น สบายขึ้นนั้นก็มีมากตามกาลเวลา และในเอ็นทรี่นี้ที่จะพูดถึงในเรื่องเทคโนโลยีก็คือ "เทคโนโลยีของเบาร์เซอร์" นั่นเอง

เบาร์เซอร์ (Browser) คืออะไร ถ้าพูดชื่อนี้บางคนอาจจะยังไม่รู้จัก แต่ถ้าลองพูดว่าโปรแกรม Firefox, Internet Explorer, Safari, Opera, Flock, Avant Browser, Google Chrome ละก็ หลาย ๆ คนจะพยักหน้าเป็นเสียงเดียวกันเลยว่ารู้จักอย่างแน่นอน เบาร์เซอร์ก็คือโปรแกรมสำหรับใช้ในการเปิดไฟล์ที่เป็นหน้าเว็บต่าง ๆ เช่น HTML, ASP, JSP, PHP ซึ่งใครที่ไม่เคยใช้เลยนี้ก็แทบจะไม่น่าเชื่อเลยก็ว่าได้

เทคโนโลยีของเบาร์เซอร์ในปัจจุบันนี้นับได้ว่าก้าวไกลกว่าแต่ก่อนมาก ๆ สังเกตได้จากลูกเล่นต่าง ๆ บนเบาร์เซอร์ที่มีมากมายหลากหลายชนิด ทั้งระบบ Tab, ระบบจำหน้าเพจเมื่อปิดโปรแกรม, การจัดระบบ Bookmark แม้กระทั่งการจัดหน้าเว็บเพจที่จะต้องพัฒนาไปเรื่อย ๆ เพื่อใช้การแสดงผลบนหน้าเว็บนั้นถูกต้อง ตรงตามมาตรฐานให้ได้มากที่สุด

และที่เกริ่นมานี้ไปเกี่ยวอะไรกับ IE6 ละ ?!

ในปัจจุบันนี้ทุก ๆ คนคงจะรู้จักโค้ดที่ใช้สำหรับการตกแต่งหน้าเว็บเพจให้มีประสิทธิภาพอย่างมาก โดยหลาย ๆ คนจะรู้จักชื่อย่อนั่นก็คือ CSS หรือชื่อเต็มคือ Cascading Style Sheets นั่นเอง โดยผู้ริเริ่มคิดค้นคือ W3C อาจจะไม่มีความสำคัญอะไรมากมายสำหรับผู้ท่องเว็บธรรมดา แต่ภาษานี้มีความสำคัญมากสำหรับผู้แต่งหน้าเว็บ รวมไปถึง Blogger ด้วย

มาตรฐานของ W3C ถูกกำหนดไว้เป็นที่เรียบร้อยแล้ว ซึ่งเบาร์เซอร์ทุกเบาร์เซอร์ต้องทำการปรับปรุงอัพเดตให้เบาร์เซอร์ของตนรองรับภาษาใหม่ที่เกิดขึ้นมานี้ ซึ่งในปัจจุบันนี้หลาย ๆ เบาร์เซอร์นั้นสามารถแสดงผลส่วนใหญ่ตรงตามมาตรฐานของ W3C ทั้งหมดแล้ว ซึ่งในปัจจุบันนี้เบาร์เซอร์ที่ยังมีผู้ใช้มากและไม่ตรงตามมาตรฐาน W3C มากที่สุดนั่นก็คือ

Internet Explorer 6 นั่นเอง

Internet Explorer 6 เป็นเบาร์เซอร์ที่นับได้ว่าอยู่มาเป็นเวลานานแล้วเกือบ 4 ปีได้ ซึ่งเบาร์เซอร์ตัวนี้ไม่ค่อยจะสนับสนุนกับ CSS สักเท่าไหร่นัก ดันไปสนับสนุนกับการออกแบบสมัยเก่าก่อนหรือที่เรียกว่า "การออกแบบโดยใช้ตาราง" (Table Design) ซะส่วนใหญ่ ซึ่งในปัจจุบันนี้หลาย ๆ เว็บนั้นนิยมที่จะออกแบบหน้าเว็บโดยการใช้ div Tag หรือเรียกอีกอย่างได้ว่า Tableless Design ซึ่งทำให้ IE6 นั้นประมวลผลไม่ได้เต็มที่และทำให้หน้าเว็บผิดเพี้ยนไปอย่างมาก

ซึ่งแน่นอนว่าบลอคของผมนี้ใช้ CSS ในการออกแบบบลอคด้วยเช่นกัน ซึ่งเมื่อใช้ IE6 เปิดหน้าเว็บแล้วนั้นก็พบว่าเมนูต่าง ๆ ถูกเลื่อนผิดแปลกไป IE6 ในส่วนของ CSS นั้นเรื่องของการกำหนดระยะห่างขอบและการจัดตำแหน่งนั้นยังมีปัญหาอยู่่มากมายโดยที่เบาร์เซอร์อื่น ๆ นั้นไม่เป็นเลยแม้แต่น้อย ทำให้ IE6 นั้นถูกตราหน้าเป็นที่รังเกียจและขยาดไปตาม ๆ กันกับคนทำเว็บเพจและเขียนโค้ด CSS มากมาย ซึ่งรวมถึงผมด้วย เพราะคนเขียนต้องเขียนโค้ดและแก้โค้ดต่าง ๆ เพื่อให้แสดงหน้าเว็บออกมาให้เหมือน ๆ กันทุกเบาร์ซอร์

ขณะนี้ทาง Microsoft นั้นก็ได้ออก Internet Explorer 7 และอีกไม่นานก็จะออก Internet Explorer 8 แล้ว แต่คนส่วนใหญ่ก็ยังไม่นิยมที่จะอัพเดตเปลี่ยนจาก IE6 เป็น 7 สักที ซึ่งทำให้นักออกแบบเว็บเพจปวดหัวและวุ่นวายกับการแก้โค้ดซึ่งบางครั้งนั้นก็เสียเวลาไปโดยใช่เหตุเป็นชั่วโมง ๆ

ซึ่งในทางบลอคผมนั้นก็มีความเห็นที่คล้อยตามกับหลาย ๆ คนที่กำลังคิดเหมือนกัน แต่ทางผมนี้ตัดสินใจเด็ดขาดที่จะไม่แก้เพื่อให้ IE6 สามารถแสดงได้อย่างถูกต้อง เพราะว่าแก้ไปแก้มาเบาร์เซอร์นี้ก็เปลี่ยน นั่นก็เปลี่ยน สรุปก็เสียเวลาไปโดยเพียงแค่โค้ดช่องเดียว แถมยังปวดหัวอีกมากมายด้วย

สำหรับผู้ใดที่ใช้ Internet Explorer 6 เข้าสู่หน้าบลอคผม ก็สามารถทำใจไว้ได้เลยว่าหน้าเว็บจะมีปัญหาอย่างแน่่นอน โดยเฉพาะในเรื่องของตำแหน่งที่บิด ๆ เบี้ยว ๆ ไป และที่สำคัญคืออาจจะเห็นสีฟ้าดำแทรกอยู่บนหน้าจอเต็มไปหมดด้วย เนื่องจากว่า IE6 ไม่ซัพพอร์ตไฟล์ภาพ PNG ซึ่ง PNG เป็นลูกเล่นตัวฉกาจในเรื่องของ Opacity ของรูปและความนุ่มนวลที่ภาพ GIF ไม่สามารถทำได้

ยังไงก็อภัยในความไม่สะดวกสำหรับผู้ที่ยังใช้ Internet Explorer 6 ด้วยครับ เนื่องจากผมจนปัญญาที่จะแก้โค้ดตามเบาร์เซอร์ที่ไม่ได้มาตรฐาน ซึ่งหากต้องการจะดูธีมของผมจริง ๆ แนะนำว่าเปลี่ยนไปใช้เบาร์เซอร์ที่ได้มาตรฐานของ W3C จะสามารถเห็นบลอคของผมได้อย่างชัดเจนและไม่บิดเบี้ยวครับ อย่างน้อยก็ IE7 ละนะ