Public snipts » ie

wrap codeloading...

• ∞ Make IE resize images smoothly

  img {-ms-interpolation-mode:bicubic;}

  css

  1

  Make IE resize images smoothly

  img {-ms-interpolation-mode:bicubic;}
  

  copy | embed

  0 comments - tagged in 
  • css, 
  • ie
  posted by nell on Jan 27, 2010 at 3:47 p.m. EST

• ∞ IE Bugs

  The Internet Explorer Guillotine Bug
  The IE5/6 Doubled Float-Margin Bug
  IE7 Bottom Margin Bug
  The IE Escaping Floats Bug
  The IE6 Peekaboo Bug
  The IE6 “Ghost Text” Bug
  The IE6 Expanding Box Problem
  The IE6 3-pixel Gap

  css

  1

  IE Bugs

  The Internet Explorer Guillotine Bug
  The IE5/6 Doubled Float-Margin Bug
  IE7 Bottom Margin Bug
  The IE Escaping Floats Bug
  The IE6 Peekaboo Bug
  The IE6 “Ghost Text” Bug
  The IE6 Expanding Box Problem
  The IE6 3-pixel Gap
  

  copy | embed

  0 comments - tagged in 
  • ie, 
  • ie bugs
  posted by paz on Dec 26, 2009 at 1:42 p.m. EST

• ∞ Easy css hacks using SASS

  //Easy CSS Hacks using SASS
  // In most cases, you'll never need the 3rd, or 4th hacks here.
  
  #idtag
  	* html &
  		//IE6 and below
  		cssstyle: value
  	* first-child+html &
  		//IE7 only
  		cssstyle: value
  	html>body &
  		//IE7,IE8, and modern browsers
  		cssstyle: value
  	html:first-child &
  		//Opera only 9 and below
  		cssstyle: value
  	

  css

  1

  Easy css hacks using SASS

  //Easy CSS Hacks using SASS
  // In most cases, you'll never need the 3rd, or 4th hacks here.
  
  #idtag
  	* html &
  		//IE6 and below
  		cssstyle: value
  	* first-child+html &
  		//IE7 only
  		cssstyle: value
  	html>body &
  		//IE7,IE8, and modern browsers
  		cssstyle: value
  	html:first-child &
  		//Opera only 9 and below
  		cssstyle: value
  	
  

  copy | embed

  2 comments - tagged in 
  • css, 
  • hack, 
  • ie, 
  • sass
  posted by catcubed on Dec 02, 2009 at 3:39 p.m. EST

• ∞ Browser/Engine specific styles

  -moz-border-top: 5px
  -webkit-border-top: 5px
  -k8-border-top: 5px
  -khtml-border-top: 5px

  html

  1

  Browser/Engine specific styles

  -moz-border-top: 5px
  -webkit-border-top: 5px
  -k8-border-top: 5px
  -khtml-border-top: 5px
  

  copy | embed

  0 comments - tagged in 
  • browsers, 
  • hacks, 
  • ie, 
  • mozilla, 
  • safari, 
  • tricks
  posted by paz on Nov 15, 2009 at 3:40 p.m. EST

• ∞ Remove IE image toolbar

  <meta http-equiv="imagetoolbar" content="no" />

  html

  1

  Remove IE image toolbar

  <meta http-equiv="imagetoolbar" content="no" />
  

  copy | embed

  0 comments - tagged in 
  • html, 
  • ie
  posted by siggiarni on Nov 09, 2009 at 11:36 a.m. EST

• ∞ Use conditional comments to HIDE something from IE

  <!-- Use conditional comments to HIDE something from IE -->
  
  <!--[if !IE]>-->
  Do something here, IE will ignore this, other browsers parse it just fine
  <!--<![endif]-->

  html

  1

  Use conditional comments to HIDE something from IE

  <!-- Use conditional comments to HIDE something from IE -->
  
  <!--[if !IE]>-->
  Do something here, IE will ignore this, other browsers parse it just fine
  <!--<![endif]-->
  

  copy | embed

  0 comments - tagged in 
  • conditional comments, 
  • html, 
  • ie
  posted by fevangelou on Oct 11, 2009 at 9:16 p.m. EDT

• ∞ ChromeFrame toggle

   <meta http-equiv="X-UA-Compatible" content="chrome=1">

  html+php

  1

  ChromeFrame toggle

   <meta http-equiv="X-UA-Compatible" content="chrome=1">
  

  copy | embed

  0 comments - tagged in 
  • chrome, 
  • ie
  posted by jmakeig on Sep 22, 2009 at 10:41 p.m. EDT

• ∞ CSS Cross Browser Transparency

  .yourClass {
  
  filter:alpha(opacity=50);/*Needed for IE*/
  
  -moz-opacity:0.5;/*Older mozilla broswers like NN*/
  
  -khtml-opacity: 0.5;/*Old versions of Safari and "KHTML" browser engines*/
  
  opacity: 0.5;/*FF, Safari, and Opera*/
  
  }
  

  css

  1

  CSS Cross Browser Transparency

  .yourClass {
  
  filter:alpha(opacity=50);/*Needed for IE*/
  
  -moz-opacity:0.5;/*Older mozilla broswers like NN*/
  
  -khtml-opacity: 0.5;/*Old versions of Safari and "KHTML" browser engines*/
  
  opacity: 0.5;/*FF, Safari, and Opera*/
  
  }
  

  copy | embed

  0 comments - tagged in 
  • conditional css, 
  • cross-browser, 
  • css-hacks, 
  • ie, 
  • transparency, 
  • tricks
  posted by paz on Sep 07, 2009 at 8:15 a.m. EDT

• ∞ IE Double Float Margin Bugs

  .yourClass {
  float: left;
  width: 350px;
  margin: 20px 0 15px 100px;
  display: inline;
  }
  

  css

  1

  IE Double Float Margin Bugs

  .yourClass {
  float: left;
  width: 350px;
  margin: 20px 0 15px 100px;
  display: inline;
  }
  

  copy | embed

  0 comments - tagged in 
  • css-hacks, 
  • float, 
  • ie, 
  • tricks
  posted by paz on Sep 07, 2009 at 8:13 a.m. EDT

• ∞ using javascript to emulate target="_blank"

  (function ($) {
  	function handleExternalLink (e) {
  		var t	= e.target;
  		// the target may not be an 'a' tag, so we climb the dom to find a link
  		while (t && t.tagName.toLowerCase() !== 'a') {
  			t = t.parentNode;
  		}
  		// no target?, target doesn't have a 'ext' class?, or 'external' role set?
  		if (!t ||
  			!($(t).hasClass('ext') ||
  			$(t).attr('rel').indexOf('external'))
  		) {
  			return;
  		}
  
  		if (!$.browser.msie) {
  			// If this isn't IE 6, use native browser functionality
  			$(t).attr('target', '_blank');
  		} else {
  			// otherwise, do it for 'em
  			window.open( t.href, (new Date()).getTime(), [
  			// array joining is faster than string concatenation
  				['height=', document.body.clientHeight].join(''),
  				['width=', document.body.clientWidth].join(''),
  				'top=0',
  				'left=0',
  				'scollbars=yes',
  				'resizeable=yes',
  				'status=yes',
  				'titlebar=yes',
  				'toolbar=yes'
  			].join(',') );
  			e.preventDefault();
  		}
  	}
  	// We watch the document container for click events
  	// Our function above will handle those clicks
  	$('#content-contain').click( handleExternalLink );
  
  }(jQuery))
  

  js

  1

  using javascript to emulate target="_blank"

  (function ($) {
  	function handleExternalLink (e) {
  		var t	= e.target;
  		// the target may not be an 'a' tag, so we climb the dom to find a link
  		while (t && t.tagName.toLowerCase() !== 'a') {
  			t = t.parentNode;
  		}
  		// no target?, target doesn't have a 'ext' class?, or 'external' role set?
  		if (!t ||
  			!($(t).hasClass('ext') ||
  			$(t).attr('rel').indexOf('external'))
  		) {
  			return;
  		}
  
  		if (!$.browser.msie) {
  			// If this isn't IE 6, use native browser functionality
  			$(t).attr('target', '_blank');
  		} else {
  			// otherwise, do it for 'em
  			window.open( t.href, (new Date()).getTime(), [
  			// array joining is faster than string concatenation
  				['height=', document.body.clientHeight].join(''),
  				['width=', document.body.clientWidth].join(''),
  				'top=0',
  				'left=0',
  				'scollbars=yes',
  				'resizeable=yes',
  				'status=yes',
  				'titlebar=yes',
  				'toolbar=yes'
  			].join(',') );
  			e.preventDefault();
  		}
  	}
  	// We watch the document container for click events
  	// Our function above will handle those clicks
  	$('#content-contain').click( handleExternalLink );
  
  }(jQuery))
  

  copy | embed

  0 comments - tagged in 
  • ie, 
  • javascript, 
  • target=, 
  • _blank
  posted by ritcheyer on Sep 04, 2009 at 12:56 p.m. EDT

• ∞ IE z-index stacking issues

  // courtesy of Matthias Buehl
  $(document).ready(function() {
    
      if ($.browser.msie) {
      
  	    var zIndexNumber = 1000;
    	  
  	    $('div').each(function() {
  		    $(this).css('zIndex', zIndexNumber);
  		    zIndexNumber--;
  	    });
    	 
  	 } 
  	  
    });

  js

  1

  IE z-index stacking issues

  // courtesy of Matthias Buehl
  $(document).ready(function() {
    
      if ($.browser.msie) {
      
  	    var zIndexNumber = 1000;
    	  
  	    $('div').each(function() {
  		    $(this).css('zIndex', zIndexNumber);
  		    zIndexNumber--;
  	    });
    	 
  	 } 
  	  
    });
  

  copy | embed

  0 comments - tagged in 
  • ie, 
  • jquery, 
  • z-index
  posted by ritcheyer on Sep 04, 2009 at 11:41 a.m. EDT

• ∞ Inline-block for IE6/IE7

  .element {zoom:1; display:inline;}

  css

  1

  Inline-block for IE6/IE7

  .element {zoom:1; display:inline;}
  

  copy | embed

  2 comments - tagged in 
  • css, 
  • ie
  posted by nell on Aug 28, 2009 at 1:57 p.m. EDT

• ∞ IE7 compatibility tag for IE8

  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

  html

  1

  IE7 compatibility tag for IE8

  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
  

  copy | embed

  0 comments - tagged in 
  • html, 
  • ie
  posted by siggiarni on Aug 25, 2009 at 9:33 a.m. EDT

• ∞ IE default view

  <!--[if IE 6]>
  	<style>
  		display: none;
  	</style>
  <![endif]-->
  

  html

  1

  IE default view

  <!--[if IE 6]>
  	<style>
  		display: none;
  	</style>
  <![endif]-->
  

  copy | embed

  2 comments - tagged in 
  • css, 
  • html, 
  • ie, 
  • ie6
  posted by Sulcalibur on Aug 06, 2009 at 8:42 a.m. EDT

• ∞ IE6 Server Side Workaround

  dim userAgent
  dim killIE
  
  userAgent = request.ServerVariables("HTTP_USER_AGENT")
  killIE = instr(1, userAgent, "MSIE 6.0", 1)
  
  if ((killIE <> "") OR (killIE <> 0)) then
     <Code to execute if not IE6 goes here>
  end if

  vb.net

  1

  IE6 Server Side Workaround

  dim userAgent
  dim killIE
  
  userAgent = request.ServerVariables("HTTP_USER_AGENT")
  killIE = instr(1, userAgent, "MSIE 6.0", 1)
  
  if ((killIE <> "") OR (killIE <> 0)) then
     <Code to execute if not IE6 goes here>
  end if
  

  copy | embed

  0 comments - tagged in 
  • ie, 
  • ie6, 
  • vbscript
  posted by mcroyle on Jul 29, 2009 at 3:30 p.m. EDT

• ∞ fixing ie png alpha issue

  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/path/to/image.png', sizingMethod='image');

  css

  1

  fixing ie png alpha issue

  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/path/to/image.png', sizingMethod='image');
  

  copy | embed

  0 comments - tagged in 
  • alpha, 
  • ie, 
  • ie6, 
  • png
  posted by stupid2 on Jul 14, 2009 at 2:58 a.m. EDT

• ∞ HTML 5 enabling script

  <!--[if IE]>
  <script src="html5.js" type="text/javascript"></script>
  <![endif]-->
  
  
  // See http://snipplr.com/view/14380/html5-enabling-script/
  (function(){if(!/*@cc_on!@*/0)return;var e = "abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,footer,header,mark,menu,meter,nav,output,progress,section,time,video".split(','),i=e.length;while (i--){document.createElement(e[i])}})()

  js

  1

  HTML 5 enabling script

  <!--[if IE]>
  <script src="html5.js" type="text/javascript"></script>
  <![endif]-->
  
  
  // See http://snipplr.com/view/14380/html5-enabling-script/
  (function(){if(!/*@cc_on!@*/0)return;var e = "abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,footer,header,mark,menu,meter,nav,output,progress,section,time,video".split(','),i=e.length;while (i--){document.createElement(e[i])}})()
  

  copy | embed

  0 comments - tagged in 
  • html, 
  • ie, 
  • js
  posted by siggiarni on Jun 09, 2009 at 8:22 a.m. EDT

• ∞ Update IE6 Script

  <!--[if IE 6]><script type="text/javascript">if(typeof jQuery == 'undefined'){ document.write("<script type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js\"></"+"script>"); var __noconflict = true; } var IE6UPDATE_OPTIONS = {icons_path: "http://static.ie6update.com/hosted/ie6update/images/"}</script>
    <script type="text/javascript" src="http://static.ie6update.com/hosted/ie6update/ie6update.js"></script><![endif]-->

  html

  1

  Update IE6 Script

  <!--[if IE 6]><script type="text/javascript">if(typeof jQuery == 'undefined'){ document.write("<script type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js\"></"+"script>"); var __noconflict = true; } var IE6UPDATE_OPTIONS = {icons_path: "http://static.ie6update.com/hosted/ie6update/images/"}</script>
    <script type="text/javascript" src="http://static.ie6update.com/hosted/ie6update/ie6update.js"></script><![endif]-->
  

  copy | embed

  0 comments - tagged in 
  • ie, 
  • javascript, 
  • js, 
  • script
  posted by pixelclear on Jun 03, 2009 at 4:23 a.m. EDT

• ∞ IE & IE8 Stylesheet Links

    <!--[if lte IE 7]><link rel="stylesheet" href="../_css/ie.css" type="text/css" /><![endif]-->
    <!--[if IE 8]><link rel="stylesheet" href="../_css/ie8.css" type="text/css" /><![endif]-->

  html

  1

  IE & IE8 Stylesheet Links

    <!--[if lte IE 7]><link rel="stylesheet" href="../_css/ie.css" type="text/css" /><![endif]-->
    <!--[if IE 8]><link rel="stylesheet" href="../_css/ie8.css" type="text/css" /><![endif]-->
  

  copy | embed

  0 comments - tagged in 
  • conditional, 
  • css, 
  • ie
  posted by pixelclear on May 29, 2009 at 1:06 p.m. EDT

• ∞ IE6~7 : button, input. Extra padding bug.

  /* http://naradesign.net/wp/2009/05/13/825/ */
  input, button {
  	overflow: visible;
  }

  css

  1

  IE6~7 : button, input. Extra padding bug.

  /* http://naradesign.net/wp/2009/05/13/825/ */
  input, button {
  	overflow: visible;
  }
  

  copy | embed

  0 comments - tagged in 
  • bug, 
  • button, 
  • css, 
  • ie, 
  • input
  posted by dowon on May 29, 2009 at 8:35 a.m. EDT

A good read

Top 40 public tags

• bash (519)
• php (354)
• python (218)
• mysql (199)
• css (193)
• linux (163)
• javascript (152)
• html (132)
• jquery (105)
• wordpress (98)
• drupal (93)
• server (82)
• sql (79)
• unix (79)
• ruby (76)
• django (74)
• apache (67)
• svn (64)
• ssh (59)
• java (58)
• as3 (50)
• git (49)
• js (47)
• osx (45)
• flash (44)
• amdocs (43)
• clarify (43)
• htaccess (43)
• template (43)
• vim (41)
• mac (40)
• ubuntu (40)
• date (38)
• find (38)
• perl (38)
• sort (38)
• file (37)
• ie (37)
• rails (36)
• subversion (36)
• View all »