I would like to announce that I’m so happy to know that my problem with IE browser is finally over.
For you web developers out there, you guys must faced problem with ie browser right? I hate to admit it also. but it’s true. I cursed a lot when trying to make a website that should run on every browser without any problem. Most of the time, tested with firefox it’s ok. Then safari, the result is the same. But when it comes to IE, I’m pulling my hair out. Especially IE 6. Even though we hate IE, how can we ignore the majority of the user that still browsing internet using IE. Yeah I’m surprised to know that majority of the internet user still rely on IE as their web browser. If you don’t believe me? Apply google analytics on your website and after a week, see the result for yourself. I think, wait for a week should give you the best result rather than a day.
What I hate the most is, IE 6 didn’t support png-24. Everytime when you satisfy with your so called shadow images or transparent images in your website design. IE always turned you down because there will be gray background around the image. Most of you must have heard PNGFIX, yeah! I thought that will be the solution. But still, I’m not happy with the result.
Finally I found the best solution for now. I kinda hate the way to use it, but the result quite amazing. Enough said, I’m satisfied with it. This is what I’m talkin about, DD_belatedPNG .
Quick tutorial on how to use it? (even though it stated in the website)
- Download either the full version or the compressed version. Rename the file to “DD_belatedPNG.js”.
- Then on the header of your website, apply this code
- Then save it and test it on IE browser. Then WOW! it.
<!–[if IE 6]>
<script src=”DD_belatedPNG.js”></script>
<script>
DD_belatedPNG.fix(’#container, #banner, #logo‘);
// List the div id or class that contain .png image file in the bracket.
</script>
<![endif]–>
Don’t blame me if it didn’t work. I’m just suggesting it to you because it did for me.
Well seems that I’m happy right now. I’m would like to giveaway one of my website design, that I coded it into xhtml/css and applied the solution I gave just now.
PROJECT: Red Business
DELIVERABLES: Web Design, XHTML/CSS templates
Feel free to download it here. Download red business
Lets share the joy with me. Yeah!!
![Reblog this post [with Zemanta]](http://img.zemanta.com/reblog_e.png?x-id=2c4d995a-d73f-42c9-aa4a-1cdb7b317c52)
Related posts:
- 5 Important CSS Hacks for IE That You Should Know
A lot of web developers still finding the best way to build a cross browser website. Especially show...
[...] can check out my previous post here for more detailed way to use it. Plus you can also download my free template. Wink! [...]
For anyone using Chrome open up the webpage for DD Belated. Then open up the task manager and look at the Memory usage of the page. Keep watching it for a few seconds. You will notice that it slowly raises by about 200-400k per second. Now, I don’t know about you, but I’m not gonna use a script from a website that can’t handle javascript properly.
-J
correct me if I’m wrong, the usage of dd_belated is by conditional css technique. Like the code I wrote, it should just run only in IE6 browser. I don’t know how you tested it in chrome. Thanks for reminding me this issues, maybe next i should try the new version of pngfix and see how it goes.
[...] can check out my previous post here for more detailed way to use it. Plus you can also download my free template. Wink! [...]
This is by far the best PNG fix I’ve used.
Another, easier way of doing it is to put it this way:
DD_belatedPNG.fix(’*');
instead of specifying all the different divs – It will take care of them all.
I’ve also noticed that the script fixes IE7 slow loading repeated background images, and no other config is needed. Just wrap it in <!–[if lte IE 7] and it will work for both wersions if IE.