if (YAHOO.env.ua.ie && YAHOO.env.ua.ie < 7)
// alert('fuck off and upgrade your fucking browser you ponce!')
Tag Archive for ie6
Test for IE6 with YUI
IE6 min height hack
#content{
min-height:100px;
height:auto !important;
height:600px;
}
Category: Uncategorized |
Tags: ie6
IE6 Image Flicker
html {
filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
Stage Resize Refresh IE 6 Bug Fix
/*
Use if your objects position is based on stage.stageWidth and stage.stageHeight.
When refreshed it traces 0 for stageWidth and stageHeight
*/
function startApp():void {
// make it call an function on resize
stage.addEventListener(Event.RESIZE, resizeHandler);
// call that resizeHandler again (for browsers like IE 6)
resizeHandler();
}
function resizeHandler(e:Event = null):void {
// check if the Height and Width is bigger than zero and act accordingly.
if ( stage.stageHeight > 0 && stage.stageWidth > 0 ) {
// safe area. Do normal resize
}
}
Detect IE6
var isIE6 = (function()
{
return !!( document.all && (/msie 6./i).test(navigator.appVersion) && window.ActiveXObject );
});
IE6 Only CSS. Also make IE6 use PNG backgrounds
#Logo{
Width: 100px;
Height: 100px;
Background-Image: URL("Logo.png");
Background-Repeat: No-Repeat;
/*---IE6 Only--*/
_Background-Image: URL("");
Filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Logo.png', sizingMethod='scale');
/*-/-IE6 Only--*/
}
Min Height for IE6
min-height: X; height:auto !important; height: X;
IE 6 Form bugfix
form fieldset {
display: inline;
}
IE6 Empty Div Adds Margin – Fix
div{
font-size:0;
line-height:0;
margin:0;
padding:0;
}
Super Simple jQuery PNG Fix for IE6 background images
/*
Works best for background images with set dimensions
Just add a ".pngfix" class to anything you want fixed
or put in some other jQuery selector.
*/
$('.pngfix').each( function() {
$(this).attr('writing-mode', 'tb-rl');
$(this).css('background-image', 'none');
$(this).css( 'filter', 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="path/to/image.png",sizingMethod="scale")');
});