Snipplr - jonhenshaw

(JavaScript) jquery IE6 Transparent PNG Fix

Wed, 02 Apr 2008 09:17:36 GMT

This plugin designed to fix that problem by applying appropriate filters to user specified elements, while keeping all element tags intact. Plugin works well with both img elements within the DOM and css properties specified externally. • It is chainable. • Unlike some other png hack solutions, it does not replace/hide any of your html tags. • You can revert applied changes using .iunfixpng(). • Extremely easy to use!

(CSS) CSS PNG Image Fix for IE

Thu, 08 Nov 2007 08:22:32 GMT

The selector portion of the CSS rule targets which XHTML tags/classes this rule will be applied to. At first glance, it looks like all img tags as well as all tags with a class of "png". You’ll notice the * html in front of both of these. Wait, there is no “anytag” preceding the html tag, so this won’t get applied! True. For all non-crappy (that is a pro term by the way) browsers, this rule won’t get applied. However, since IE6 is a pile, it thinks that there is a tag before the html tag, so it will apply this rule. Great! Now IE6 is the only browser that will use this rule.

(CSS) Transparent PNG Fix for IE 5.5 & 6

Wed, 07 Mar 2007 12:10:25 GMT

This is an excellent solution for fixing IE 6's inability to display transparent PNGs correctly. Step 1: Include the following conditional comment the HEAD area of your document. You will need to update the CSS selector and also the path to whereever you put the .htc file.  Step 2: Create a transparent GIF that's 1x1 and save it as blank.gif in your images folder. Step 3. Copy the source below and save it in a file called iepngfix.htc and place it in your CSS folder. Note, you may need to update the images folder to match the folder you're using on your site. That's it. Once you have everything in place and assuming everything is referenced correclty, PNG transparency will work in IE 6.

(CSS) Internet Explorer (IE6) CSS Hover

Mon, 01 Jan 2007 20:17:07 GMT

IE6 and before doesn't support :hover in CSS (except for anchors). You can use this script to make hovers work in IE. Just add the following line to your stylesheet (this assumes the path of the file -- you may need to change it to reflect your paths). body { behavior:url("csshover.htc"); }

(JavaScript) Browser Detect (from quirksmode)

Thu, 12 Oct 2006 06:52:37 GMT

A useful but often overrated JavaScript function is the browser detect. Sometimes you want to give specific instructions or load a new page in case the viewer uses, for instance, Safari. Copy this script into your JavaScript files. It works immediately, and you can query three properties of the BrowserDetect object: * Browser name: BrowserDetect.browser * Browser version: BrowserDetect.version * OS name: BrowserDetect.OS

(CSS) min-height for IE (and all other browsers)

Wed, 31 Dec 1969 19:00:00 GMT

Since min-height doesn't work in IE, this code makes up for IE's shortcomings. The first part of the code is the correct code that works in Firefox and Safari. The second part of the code is for IE. Internet Explorer will ignore min-height and is just given a height of 8em. The IE bug automatically expands the container to fit the extra text.