Force IE6, IE7 and IE8 to be more compliant

Pretty cool project going on that forces older versions of IE to be more compliant. It relies on javascript to allow for some of the newer CSS styling (but not all). It even has a transparent PNG fix for IE 6.

Check it out here: http://code.google.com/p/ie7-js/

Target IE6 and IE7 with CSS

Very nice way to target IE6 or IE7 specifically within your CSS doc.

#myelement

{ color: #999; /* shows in all browsers */ 

*color: #999; /* notice the * before the property - shows in IE7 and below */ 

_color: #999; /* notice the _ before the property - shows in IE6 and below */ 

}

Credit to: http://briancray.com/2009/04/16/target-ie6-and-ie7-with-only-1-extra-character-in-your-css/

IE6: Removing Padding on Input Checkbox

If you've ever put a background on an input checkbox and viewed it in IE6, you'll notice there is padding around the checkbox. Other browsers don't have this padding, and it can ruin designs if not dealt with.

An easy way to get rid of the padding through CSS is by adding these styles to the checkbox:

margin:0; width:13px; height:13px; overflow:hidden;

Doing this will not affect any other browser (at least modern ones) and will fix your IE6 issues.

Images in LABEL tag no clickable in IE

Internet Explorer doesn't allow your images that are within a LABEL tag to be clickable. There is a javascript hack fix for this that works for sure in IE6-8. Sometimes you need, for usability, to have your images work like text in the LABEL tag, this is how you can accomplish this in IE.

Note that all other browsers do this fine...

Get the code: Using Images as Labels in Internet Explorer

IE6 Problem with Form Submit Image Buttons

A lot of times we use images as our submit buttons for forms. I'm sure you've seen it a lot. Well, say you wanted to test if the form was submitted and used the standard way, lets say in PHP, of seeing if the submit button was sent, for example like this:

if (isset($_REQUEST['mysubmitbutton']))
{ ...}

With IE6 this wouldn't work if your submit button was an image. So if you had this as your submit button:

<input name="mysubmitbutton" type="image" value="1" src="someimage.png" alt="" />

Then your script wouldn't work. The reason is that IE6 WILL NOT send over the variable mysubmitbutton.

The workaround is to know that IE6 will send over other information (along with all other browsers). It sends the x and y coordinates of where you clicked on the image. So you'll see mysubmitbutton_x and mysubmitbutton_y. So if you modify your code to look for either of these variables, you'll be good to go!

Credit is to be given to this discussion forum: Differences in form handling btw Mozilla and IE?

IE6 margin fix

CSS and IE6 Margin Fix on float!

When floating a < div > in Internet Explorer 6 and any kind of a margin ... it doubles the amount ... of course it does. That is exactly what IE6 should do. Especially since FireFox, and all the others actually set the margin to the number specified.

This guy posted the fix... it's pretty simple. Just add "display:inline" to the CSS attribute.

http://www.positioniseverything.net/explorer/doubled-margin.html

Matt Crigger
http://www.phirebranding.com