CSS แสดงผลไม่เหมือนกัน ทำยังไงดี
คุณเคยเจอปัญหาแบบนี้ไหม เวลาจัดหน้าเว็บไซต์ด้วย CSS แล้วแสดงผลไม่เหมือนกันในหลาย ๆ โปรแกรมบราวเซอร์ ยิ่งโดยเฉพาะ Internet Explorer รุ่นเก่า ๆ จะเป็นเอามาก ซึ่งบทความนี้จะแนะนำเทคนิคเล็ก ๆ น้อย ๆ เท่านั้นสำหรับการตั้งค่าเว็บไซต์เริ่มต้น เพื่อแก้ไขปัญหา CSS แสดงผลไม่เหมือนกัน ครับ
วิธีแก้ไข
1
2
3
4
|
* { padding:0px; margin:0px; } |
อธิบายโปรแกรม
* คือทุก ๆ ส่วนของหน้าเว็บไซต์ ซึ่งเรากำหนดให้ความกว้างของขอบภายใน และนอกเท่ากับ 0px ครับ ซึ่งหลาย ๆ เว็บไซต์ก็มีการแทนที่ * เป็น body, h1, h2, ... N เหมือนกัน ตรงนี้แล้วแต่จะนำไปประยุกต์ใช้งานครับ
ทั้งหมดเป็นเพียงเทคนิคเล็ก ๆ น้อย ๆ เท่านั้นซึ่งในมุมมองของผม ถ้าเราไม่ใช้คำสั่งแปลก ๆ ของ CSS หรือคำสั่งที่ IE ไม่รองรับอยู่แล้ว วิธีดังกล่าวจะช่วยแก้ไขปัญหา CSS แสดงผลไม่เหมือนกัน ได้เป็นอย่างดีครับ