Thursday, 28 April 2011
Browsers - a constant battle
Browser Bungles are not new to me. I've been caught before, and I've had my share of sidebar drops.
Today, I was looking at my blog in a few browsers, as I often do, because many bloggers/readers throughout the blogosphere use various browsers to view my blog. It is essential that you blog looks good in as many browsers, as possible. What do you think would happen if your blog looked fantastic in Chrome, or Firefox, yet looked like a squashed pumpkin in Internet Explorer? Don't laugh, because that could happen.
Internet Explorer has, historically, had CSS Model issues, which can cause smaller Page Element allowances.
In support of that, in the following images, you'll see the effect of a narrower main Page element...
Firefox V 4.0 Browser -
Everything looks great (at least to me, it does)! Then, I opened ...
Internet Explorer 9
You don't need a magnifying glass to see the spill around of my new Tabs bar image, under the flags of the Language Translator. This is caused by Microsoft's continued misinterpretation of the CSS Box Model, as discussed in the above Webcredible article.
So, browsers do display things differently, and will, sometimes, force distortion.
I just wish everyone used Firefox! can't please everyone, though. If I fix this to display properly in Internet Explorer, it will look silly in Firefox, I suppose, because I am not sure if I know enough about CSS hacking with ISO values, referred to in Webcredible - nor, whether that is still doable.