Ini adalah pengalaman pribadi saya, kemarin secara tidak sengaja saya membuka blog saya di komputer milik teman dengan menggunakan browser Internet Explorer (IE). Betapa kagetnya saya setelah melihat tampilan blog saya ternyata berantakan. Semua widget berada di sidebar kanan dan sidebar kiri menghilang, padahal jika dibuka dengan Firefox, saya memiliki dua buah sidebar dan saya meletakkan widget-widget dalam dua sidebar tersebut. Begitu saya buka kembali blog saya dengan browser Firefox, ternyata baik-baik saja. Saya pun bertanya ada apa gerangan? Kemudian saya coba bertanya ke mbah Google, dan saya menemukan banyak sekali kasus yang sama seperti yang saya alami. Sebelumnya memang blog saya tidak ada masalah baik dibuka dengan IE, Firefox, atau Google Chrome.
Lalu saya teringat beberapa hari yang lalu saya menambahkan sebuah kolom diatas sidebar yang saya gunakan untuk menampilkan recent post. Kemudian saya telusuri kembali kode-kode CSS pada template saya dan mencoba melakukan sedikit perubahan pada margin kiri dan kanan dari kolom-kolomnya.
Akhirnya terjawab sudah pertanyaan saya, ternyata seting margin yang sama akan menampilkan hasil yang berbeda antara browser Firefox dan IE. Jika pada IE sudah sempurna belum tentu pada Firefox begitupun sebaliknya. Namun karena saya sendiri pun masih awam dengan kode-kode CSS maupun HTML, template saya pun tidak bisa ditampilkan sempurna pada kedua browser tersebut. Karena saya lebih suka menggunakan Firefox, akhirnya saya memilih untuk mendapatkan tampilan terbaik untuk Firefox tapi masih bisa dibuka normal dengan IE meskipun tidak maksimal.
Ada pelajaran yang saya dapatkan dari kasus tersebut yaitu untuk selalu menggunakan kedua browser tersebut pada saat mengedit template. Lakukan preview dengan IE dan Firefox setelah menyimpan hasil editing untuk menghindari hasil yang tidak diinginkan.
Jadi bagi anda yang mengalami hal yang sama dengan saya, cobalah untuk melakukan sedikit perubahan pada margin kiri atau kanan dari kolom sidebar maupun kolom posting. Ganti nilai margin sedikit lebih kecil dari sebelumnya, lakukan satu-satu dari mulai kolom posting atau main-wrapper dan lihat hasilnya. Jangan merubah semua margin sekaligus untuk menghindari kesalahan. Semoga bermanfaat..
Lalu saya teringat beberapa hari yang lalu saya menambahkan sebuah kolom diatas sidebar yang saya gunakan untuk menampilkan recent post. Kemudian saya telusuri kembali kode-kode CSS pada template saya dan mencoba melakukan sedikit perubahan pada margin kiri dan kanan dari kolom-kolomnya.
Akhirnya terjawab sudah pertanyaan saya, ternyata seting margin yang sama akan menampilkan hasil yang berbeda antara browser Firefox dan IE. Jika pada IE sudah sempurna belum tentu pada Firefox begitupun sebaliknya. Namun karena saya sendiri pun masih awam dengan kode-kode CSS maupun HTML, template saya pun tidak bisa ditampilkan sempurna pada kedua browser tersebut. Karena saya lebih suka menggunakan Firefox, akhirnya saya memilih untuk mendapatkan tampilan terbaik untuk Firefox tapi masih bisa dibuka normal dengan IE meskipun tidak maksimal.
Ada pelajaran yang saya dapatkan dari kasus tersebut yaitu untuk selalu menggunakan kedua browser tersebut pada saat mengedit template. Lakukan preview dengan IE dan Firefox setelah menyimpan hasil editing untuk menghindari hasil yang tidak diinginkan.
Jadi bagi anda yang mengalami hal yang sama dengan saya, cobalah untuk melakukan sedikit perubahan pada margin kiri atau kanan dari kolom sidebar maupun kolom posting. Ganti nilai margin sedikit lebih kecil dari sebelumnya, lakukan satu-satu dari mulai kolom posting atau main-wrapper dan lihat hasilnya. Jangan merubah semua margin sekaligus untuk menghindari kesalahan. Semoga bermanfaat..
4 Komentar:
sama sob kaya saya,tapi kalo saya cuma kena di IE untuk apliklasi browser yang lainnya gpp..
thx sob infonya... bisa jadi acuan bermanfaat nih.
dalam berbagai tip trik yang saya ujipun seperti message on status bar on mouseover dan rightclick message IE bisa tetapi di firefox tidak bisa, begitu juga utk berbagai tip trik lain kadang kadang firefox tak bisa membacanya.... jadi saya punya tiga browser di rumah... opera mozilla dan IE yang saya anggap sangat mewakili :D keep posting men
Saya kira penyebab utamanya bukanlah margin yang anda pakai mas, melainkan jenis template yang anda pakai. sebenarnya ada 2 macam template, yaitu dinamis dan fixed. Dan itu dipengaruhi oleh resolusi monitor. Yang dinamis kalau kita bikin template di resolusi 1024x768 maka bila dibuka di resolusi 1152 x 864 hasilnya akan kacau. Sebalinya, yang fixed berapapun resoluisi monitor maka akan tetap tampialannya. Semoga bermanfaat
Post a Comment
Silahkan tinggalkan komentar anda, setiap komentar yang anda tulis akan menambah jumlah backlink anda.
Sebaiknya gunakan Name/URL pada saat menuliskan komentar.