I am starting to test my website in different browsers.
So far Firefox is ok, Chrome is ok, Opera is ok. Now I am starting on IE.
First off, why are all my divs dispositioned in IE? How can I solve this? Do I need to hack and check what browser visitor has?
Secondly, how come it seems as if my website looks the same (like crap) in IE6 and IE7, but in IE8 it differs just a little bit (for example DIVS are moved up a bit)?
Thanks
Ahhh... Internet Exploder... the bane of my existence. . . j/k.
Using a Javascript framework such as (Sencha) ExtJS can help mitigate differences. Using a popular framework can put the burden of handling different browsers on the framework.
You will occasionally find places where things don't look 100% the same across all browsers, but you can usually tweak out those differences.
That's web work for you...
Best way to deal with this is to test in IE as you go along, build your layout up bit by bit and test at each stage, rather than getting the whole thing done and then discovering IE thinks your whole approach is fundamentally flawed.
As to the difference in position between 6/7 and 8, my first guess would be some variation on the Box model bug theme.
Oh, and if you think you're ranting about Microsoft and IE now, give it a few years. I can go for 20 minutes, easily. :o)