Tools to deal with IE6

For IE6 PNG Support there is a nifty little workaround -> http://www.twinhelix.com/css/iepngfix/

There are lots of limiations like CSS Background controls won't work since the workaround is an IE behavior that replaces a PNG background image into a seperate container using the PNG Transperency filter.

For weird IE only bugs I use the under score or period hack -> http://www.456bereastreet.com/archive/200411/the_underscore_hack/

#header {
margin-top: 8px; //Caught by every browser
.margin-top: 10px; //Only caught by IE browsers
_margin-top: 4px; //Only caught by IE6
}

Finally, there is a Firebug like toolbar for IE called the IE Dev Toolbar -> https://www.microsoft.com/downloads/details.aspx?familyid=E59C3964-672D-4511-BB3E-2D5E1DB91038&displaylang=en

Take an hour out of your day to just play around with it as it is kludgy and not as elegant as Firebug. It pretty much lets you play around with styles.

Have Fun!

Reply

The content of this field is kept private and will not be shown publicly.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <br> <img> <p> <blockquote>
  • Lines and paragraphs break automatically.

More information about formatting options