I’ve been building a site for the past few days, that I haven’t actually designed, and it’s been quite interesting. Although, a small part of me is dying inside because it’s been designed by a print designer who doesn’t really have a clue how to design websites.

So, anyway, as I’ve been building it I’ve been checking it in Firefox 3 (I really should’ve done Firefox 2 as well, hmm), IE7 and, thanks to this program, Multiple IE, IE6 as well.

The first thing I learned, which has solved so many problems, was to make sure I was defining the margins and paddings as zero. Solved quite a few of my basic errors. And this wonderful add-on for Firefox, FireBug, makes it really easy to visually work out what is going on. (I really want one for IE now).

Another thing that I’ve had to use to accurately follow the designs is use transparent PNG’s. Which works in Firefox and IE7, but alas not IE6. One to be considered later….

And another lovely part of their design was to have input boxes for log-in with the label as the text value inside the box. So what do you do about the password box? So, I turned to Google for answers, as my Javascript skills are pretty non-existent. So far I have a solution that works perfectly in Firefox, and only partially in IE6/7. I think I’ll look to someone with more experience for answers in this one.

So, let’s all pray for a day when all browsers compile the code in the same way…sigh.

Tags: build