Posts Tagged ‘browser
Masalah IE 6 terhadap CSS BOX
pada artikel sebelumnya sudah dijelaskan tentang css box, IE 6 termasuk browser yang kebanyakan dihindari dari development program. karena IE 6 sendiri banyak memiliki perbedaan daripada browser yang lain. Agar tampilan website kita bisa sempurna di semua browser (termasuk IE 6), bisa di akali dengan salah satunya adalah hack IE.
Contoh kasus pada IE 6
Pembacaan lebar (width), Width seharusnya hanya mengacu pada lebar dari area konten. Versi IE dan IE6 dalam mode quirks menghitung lebar sebagai lebar dari area konten + padding kiri dan kanan + border kanan dan kiri.
transparacy png pada IE5 dan IE6
Ketika kita menggunakan gambar Transparan dengan format PNG di browser IE5 dan IE6 biasanya sering muncul warna lain yang tidak sesuai dengan keinginan kita, hal seperti itu bisa disiasati dengan menggunakan bantuan javascript. Adapun bantuan yang di maksud adalah sebagai berikut :
<script language="JavaScript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])
if ((version >= 5.5) && (document.body.filters))
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
}
window.attachEvent("onload", correctPNG);
</script>
mengolah font pada website
Bingung karena font anda tidak bisa diterjemahkan oleh beberapa browser, atau font anda termasuk tidak standart sehingga tidak bisa diterjemahkan oleh client ketika mengakses website anda.
tak perlu berputus asa, coba dengan menggunakan javascript sesuai dengan petunjuk yang ada di website ini | demo
