Links and Buttons

Experiences and information from Linked In Q and A plus much more…

Best way to troubleshoot IE (6 & 7) CSS issues? Linked In

Posted by tbollers on August 28, 2008

Troubleshooting CSS in IE is the question!!

A linked in user asked a bout a topic that can cause even the most experienced developers headaches. Differences between the ways browsers handle CSS. The tough part about this is that even with versions of the same browser there are issues. That being said lets look at some of the solutions the linked in pros came up with to help.

Most Popular:

The most popular recommendation came for using Firebug lite which provides a view of the site code as well as applied css classes and tags based on component. This way you can review what is being applied to your content to make it look the way it does. Multiple IE. Is also at the top of recommendations. It allows for snap shots of your page as it would be rendered in the different IE browsers. This is great so that there is no need to have them all installed on your PC. These applications are different in nature but both provide a very needed part of debugging.

Also Noted

I personally have used the IE Developer Toolbar and have found it very useful in debugging CSS issues. I also use Firebug for Firefox. There was only one suggestion to use the tool. Other tools mentioned were

  • http://www.debugbar.com
  • http://www.virtualbox.org
  • http://www.parallels.com
  • http://www.vmware.com
  • http://www.litmusapp.com

I hope this helps out with your CSS debugging.


Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <pre> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>