Undutchable

For those who still use IE6, please update your outdated browser, already! But I can’t please everyone just because they don’t want to update their browser :)

This is what you’ll get if you view my site in IE6, I think. I have a windows laptop and I don’t update my IE6 browser to the newest version purposely (only to check whether or not IE6 does what I want it to do), but I checked this site via IE NetRenderer if I use my mac and the screenshot above is the result of it. The H2 sidebar title is gone in that screenshot result. I haven’t checked this site on my laptop yet, but the main point is I’m not going to fix it if there’s any error, IE6 always breaks my toys. It also doesn’t allow transparency, I spent too much time fixing my header and the clowds background. I even made another CSS file for IE6.

This is what it looked like in IE6 before: if I make a transparent image, a grey overlay box appears around the transparent area! I’ve saved the image via “save for web” option in photoshop, and then chose png-24, interlace. But still I got that grey overlay box, which annoyed me so much that I’ve spent the whole night fixing it and haven’t slept! I managed to fix it by playing with padding; First, I wanted the clowd background to be repeated horizontally, so I used repeat-x in my CSS file, but if I make a header image with the same clowd background, and put it on my site, the clowds will be broken once I minimize and maximize my browser, and making the background transparent is a headache because again…I’ll get that grey overlay box in IE6. So? I’ve cut my header, use padding in my header-marge CSS and voila! It does what I want it to. It sounds so weird, but it’s what I’ve done.

This is the best IE6 rejection! LOL (via)