Saturday, November 18, 2006

FireFox and IE differences

Often when I'm reading up on support for particular HTML or CSS features, I'll see something along the lines of "Most modern browsers support this feature, Internet Explorer doesn't". A loose translation of this could be "if you use this feature it won't work for 80% of your users".

I do most of my testing in IE then go over to FireFox to make sure it looks OK and probably because of this it always seems to be the other way round, FireFox doesn't support a lot of stuff that IE does.

FireFox doesn't have a way to render text vertically. OK, there's no official way to do this, so IE has come up with it's own CSS attribute, but I'm kind of surprised that FireFox hasn't come up with some way of doing it, it seems like quite a common thing to want to do.

Another problem is hiding and showing rows in a table. FireFox kind of supports using 'display:block' but the row gets taller and taller with each hide and show. So I have to use 'display:table-row', which doesn't work in IE. Not sure which is standards-compliant but 'display:block' seems like the more consistent approach.    


Anonymous said...

actually it's IE that's in the wrong and Firefox which is ultimately correct. After all, if you want to hide a row from a table, one should use the table-row property. Most developers nowadays, develop for Firefox and then for IE as an afterthought. Since IE renders most code incorrectly (or possibly renders incorrect code correctly), or rather allows the coder to get away with sloppily written code.

Doogal said...

Putting arguments about which is more standards compliant to one side, the chances are the vast majority of visitors to any website you are developing will be using IE. For this reason, I'll continue to use IE for primary development, since I'm likely to catch bugs that will be seen by more users.

>> Since IE renders most code incorrectly

Oh please don't be ridiculous.