You are viewing...

Web Development – CSS Cross Browser Issues

Updated on June 19, 2010 at the 04th hour
Posted under:

DISCLAIMER: Expressed views on this blog are my own.

Before you start reading this post, if you are a web developer, I highly recommend you read this: Smashing Magazine’s Principles of CSS.

If you are into web development, then you will have already seen the inconsistencies across every browser, essentially some things work and some things don’t. This brings up the topic of standards. Hah, I remember some guy saying he would eat his hat if browsers ever followed standards. I think any web developer should be inclined to do so.

My biggest question: Why isn’t IE up to date with standards already? or better yet, Why haven’t they created a new browser to replace IE? I’ve heard of some other browser (using the similar technology Google Chrome uses referring to the separate processes for every tab) Microsoft was building or experimenting with. Yes yes, it would be too expensive to create a whole new browser… BLAH! Windows Phone 7 looks to be a huge step in the right direction for Microsoft in the mobile market and that was made from scratch, so why not IE?

Google Chrome, Firefox, Safari, and Opera all seem to work correctly in terms of using the basic standards, which they are all applauded for. I’m glad I can check one of these browsers and find that the elements render correctly and not have to worry about it.

Anyway, ever remember having two floated div elements while the parent div container, of those floated elements, did not extend to cover the height of the floated elements. Lets say float element #1 has a bigger height than the parent div, then the element’s “finish line” will go past the “finish line” of the parent div. Well, I remember having to use <div style=’clear: both;’></div> at the end of the two elements and I ABSOLUTELY HATED this. It didn’t make sense to do this AT ALL. I either avoided floating elements and used fixed size elements, which was stupid considering that I want my elements to be as dynamic as possible. I found a solution using overflow: auto; on some site and miraculously it works just fine, but then I started testing older browsers like IE6 and IE 7 and found that they show the scrollbar even when it wasn’t needed. I find this to be an annoyance, so I decided to drop IE 6 and IE 7 support in all totality. I could care less about those browsers. It is not worth the trouble to add support for them and if you really want to use my sites, then you will have to upgrade to something RECENT!

Another annoyance is the fact that I can not have IE amend to the CSS styles already placed without using javascript to edit the styles. A scenario for this is a div element added using javascript to the document then using ajax to retrieve the page contents which contain the styles for the page. I know it for a fact that Firefox, Chrome, and Opera work just fine, but IE?! Massive failure.

I’m sorry, but as much as I love Microsoft for Windows and other products… IE is shaping up to a be failed product. It needs to go in the garbage because of its non-standards approach. It is probably a killer to the current maintainers anyway. KILL IE!
You just read "Web Development – CSS Cross Browser Issues". Please share if you liked it!
You can read more recent posts here.