Snipplr

(CSS) Transparent PNG Fix for IE 5.5 & 6 - aziz

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) IE7 IE6 targeted CSS - aziz

Tue, 23 Jan 2007 07:22:10 GMT

hack to maximise CSS browser compatibility (IE 6, IE 7 and the rest of the world)

(CSS) Internet Explorer (IE6) CSS Hover - aziz

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"); }

(CSS) ClearFix - aziz

Tue, 18 Jul 2006 03:25:59 GMT

(CSS) Hack CSS - aziz

Mon, 17 Jul 2006 23:26:44 GMT

(CSS) Fix li Background Repeat Bug In IE - aziz

Sun, 16 Jul 2006 14:07:25 GMT

A bug seems to occur when you add a negative margin to a list item in IE6. The background image applied to the list item gets repeated randomly and generally messes up. Add this little gem to your head to fix the problem. Remember to change the id tag to your own.

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

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.