Meski mungkin terdapat banyak bug di browser, bukan berarti ada bug jika Anda merasa berbeda. Mungkin ada banyak penyebab terjadinya masalah, sehingga produsen memerlukan metode tertentu untuk memecahkan masalah tersebut.
Sebaiknya pilih browser tingkat lanjut untuk pengujian, seperti Opera 9.2, Firefox 2.0 atau Safari 3.0, yang memiliki dukungan lebih baik untuk CSS 2.1. Jangan gunakan IE 6 sebagai satu-satunya browser pengujian, karena IE 6 memiliki masalah paling banyak. yang sangat kurang menguntungkan bagi produsen (terutama pemula) untuk memahami spesifikasi CSS 2.1 dan menentukan apakah kinerja browser sudah benar.
Jika tes di browser tingkat lanjut benar, tetapi ada masalah di IE, pada dasarnya dapat ditentukan bahwa masalahnya adalah IE.
Jika tampilan di browser tingkat lanjut salah, Anda dapat melakukan penilaian awal berikut terlebih dahulu:
1. Apakah ejaannya benar, Anda dapat menggunakan verifikasi W3C atau fungsi verifikasi perangkat lunak pengedit halaman web untuk memeriksa apakah tag dalam dokumen (X)HTML cocok, apakah urutan sarangnya benar, apakah tag kosong ditutup, dan apakah ejaan CSS sudah benar. Penyusunan yang salah dan ejaan yang salah adalah kesalahan yang sangat umum.
Tip: Saat ini ada banyak perangkat lunak pengeditan yang dapat menyediakan fungsi verifikasi (X)HTML dan CSS, termasuk apakah browser mendukung atribut CSS, dll. Misalnya: Dreamweaver 8 atau lebih tinggi, TopStyle dan software lainnya.
Tip: Perangkat lunak tambahan "Firebug" di Firefox adalah alat yang sangat berguna. Alat ini tidak hanya dapat memeriksa apakah (X)HTML, CSS, dan JavaScript sudah benar, tetapi juga secara dinamis menampilkan bingkai dan posisi elemen di halaman Itu sangat bagus untuk men-debug halaman web.
2. Apakah ada DTD yang cocok?
Dalam bab lain buku ini, pentingnya DOCTYPE telah ditekankan lebih dari sekali. DOCTYPE yang berbeda secara langsung mempengaruhi interpretasi browser terhadap (X)HTML dan CSS.
3. Apakah browser mendukung atribut CSS? Meskipun browser modern mendukung sebagian besar spesifikasi CSS 2.1 dan beberapa spesifikasi CSS 3, seperti yang diperkenalkan pada bab sebelumnya, beberapa atribut CSS belum didukung secara luas oleh browser, jadi ketika atribut tertentu mendukungnya tidak berlaku, harap konfirmasi apakah browser mendukungnya.
4. Isolasikan masalah untuk menyorot area yang bermasalah, seperti menambahkan warna tepi atau latar belakang yang mencolok pada elemen.
Jika menambahkan batas dapat menyelesaikan masalah, maka yang terjadi adalah masalah margin yang tumpang tindih.
Jika latar belakang ditambahkan tetapi latar belakang tidak ditampilkan, mungkin karena fitur khusus atau elemen mengambang tidak ditutup.
Cobalah untuk memodifikasi beberapa atribut, terutama atribut yang memicu hasLayout IE, untuk menentukan apakah ini merupakan bug umum di IE.
5. Siapkan pengujian dasar Jika hal tersebut tidak menyelesaikan masalah, Anda dapat menyalin file yang bermasalah dan menghapus HTML tambahan (X), sehingga hanya menyisakan bagian yang bermasalah.
Hapus masalah komentar dalam (X)HTML dan lihat apakah masalahnya hilang.
Hapus spasi antar elemen dan lihat apakah masalahnya hilang.
Kemudian beri komentar pada style sheet tersebut dalam blok-blok hingga masalahnya hilang, maka style yang baru dikomentari itulah masalahnya.
6. Memecahkan masalah daripada menyelesaikan fenomena. Menemukan akar penyebab masalah dan menyelesaikannya adalah tujuan akhir, daripada menggunakan Hack yang rumit untuk membuat halaman web “terlihat indah” hanya untuk mengakomodasi kinerja. Jika Anda tidak menyelesaikan masalah sampai ke akarnya, Anda mungkin mengalami lebih banyak masalah saat browser ditingkatkan. Pada saat yang sama, Peretasan dapat menyebabkan munculnya masalah baru, terutama memicu atau menghindari pemicuan atribut hasLayout IE.
Cara berpikir lain mungkin juga dapat menghindari masalah, seperti membatalkan atribut margin elemen dan menyetel atribut padding dari elemen induknya.
Hanya gunakan Hack jika benar-benar tidak dapat diselesaikan.