firefox vs. ie
every time someone designs a website, they spend a lot of time trying to make stuff work across all browsers. really. it's quite annoying, there are issues with line heights, margins, nested divs, and all sorts of things.. so the other day i ran into the same issue and decided to bitch about it.
here's a good example of how ie and firefox do things differently.
image 2. firefox start page on ie
they look pretty similar, but let's overlay the two pages and see what we get.
image 3. ie firefox blend
- look how the margins are all funny, the titles are meters apart(in design units)
- and look how the spacing between lines, and perhaps the standard height of fonts are all different too. although, i really like the out of focus look on the blended images. but i digress, let's focus.
then i came across something really weird.
look at this
image 5. ie start page on firefox (lol)
conclusions...
- i had good reasons to bitch about
- if ie users read this, they'd say "haha our browser shows both pages fine, your browser can't handle our page".
- if firefox users read this, they'd say "hey ie doesn't render things right! their page must have something wrong with it, that's why it looks fine on ie but not on firefox"
- um.. well.. if we validate ie's page, it fails! firefox is fine...
- yeah.. this page fails validation too. but i don't want to start bitching about google...
