Firebug for Google Chrome and IE6 / IE7 / IE8 (And Beyond!)

The crown jewel of web development (at least for me) has been Firebug. Unfortunately it’s only for Mozilla Firefox… or so I thought. Seems like the Firebug team has something they called “Firebug Lite”, that allows you to get and use many of the features in Firebug on browsers that don’t really support extensions. Yes, that includes Safari, Opera, Google Chrome, and Internet Explorer 6 and above.

Sorry Mosaic users, you’re out of luck on this one ; – )

So how do you get this magical debugging tool for your browser of choice? Simple, all you have to do… read more

Cross Browser Minimum Height (CSS)

A issue in my coding life is dealing with IE6 and making things work in it and Firefox (among other browsers). One thing I’ve learned to deal with successfully is putting minimum heights on DIVs. Some people may put a “spacer” image or DIV inside the parent DIV to stretch it out. The problem with that, is sometimes it can be buggy.

Here’s my solution:

#div_name {
    min-height:500px;
    height:auto !important;
    height:500px;
}

Firefox will go off of the min-height property, however, IE will ignore that and will render the element according to the height property.… read more

Easy way to debug Javascript in IE6

While at work today, I found myself chasing a Javascript bug in IE6. For any of you who have even attempted to do such a thing, you know this is no small task. IE6 has a habit of giving generic error messages on non-existing lines of code.

So I went on a search looking for some kind of alternative to this and buried deep within the caves of the internet I found a solution.

It’s called Web Development Helper and it integrates directly into Internet Explorer 6. This plug in has a DOM inspector that allows viewing of all… read more