Finally Fixing Some Browser Issues
I’ve mentioned this before but when I first created freeadobeflashtutorials.com over 2 years ago it was just me and my new mac whipping things together with Dreamweaver. I knew about browser differences but didn’t have any way to test them on my own, other than borrowing someone’s pc and checking them out in IE while debugging the site. Over the years though I’ve picked up some tools and experience along the way and I am proud to say that I finally got around to fixing the css issues in Internet Explorer. So all you IE users getting to the site, whether it be in 6,7, or 8. We all should now be on the same page.
Browser testing is a pain and any front-end developer’s least favorite part of the process, but it is still very important to do. About half of the viewers of this site are using some version of Internet Explorer and it’s sad to say that for the past 2 years those people have been looking at more or less a broken site. Of course they don’t know it’s broken, they don’t know how it was supposed to look like, but still I’m glad we are all on the same page now.
If you’re wondering about your site and the different ways to test and see things for browser supports there is a lot to learn. If you’re running a mac like me, I highly recommend you picking up some software to run virtual machines and get yourself a copy of windows. Once you got windows going you can download and test for different versions of IE. I have 3 separate virtual machines, one for each major version, but I also use IETester that is really helpful because you don’t have to then switch between the virtual machines.
If you’re looking for the actual differences between browsers, well then that’s a whole bigger issue that can’t be addressed with this single post. I’m sure there are books filled with it. I will recommend though when you start a project to use some sort of css reset. It’s usually just a css file or series of them that override all of the browser specific styles and gets you started on the same playing field. It’s difficult to move an existing project to it, as it typically will change a huge amount of what you’ve done, it is however still possible. This site for example I had to go back and add a reset, There were a bunch of new styles I had to add and change around a bit, but to get everything back on a somewhat level playing field is worth it. Of course there are more things out there that aren’t fixed by a simple css reset, but it will save you some heartache.
Oh well, I have a lot more on this subject, but it’s getting really late, so I’m going to call it a night and just say thank you for all the users who continue to come back to the site to learn more about Flash and web development, even if it looked a little funky in your browser for a little while there. Going forward I still do have a lot of plans for the site, so make sure to come back often for updates on the site.