Okay, as I’ve told in my previous post, this site is currently under development, and I’ve only managed to test the looks and the feels of this site under Firefox and Safari extensively. In order to tests them properly in gut-wrenched-bloated-prone-to-errors Internet Explorer, I had to turn on my Toshiba, or hijacking one of my office-mate’s Windows-powered machine.
I know for exact that even if this site displayed correctly under Firefox and Safari, it’d always gone awry when it goes to the dark-side (Windows + IE). After rigorously adjusting some of the elements pixel-by-pixel, I’ve finally managed to get (almost) all of the components – there’s still one component, however, which is still offed by a couple of pixels, but it’s neglectible. For now, that is – displayed correctly under Firefox, Safari, IE 7, even Google Chrome. So I sat back and give myself a pat on the back, and say, “Well, not bad for a guy who doesn’t have any passion nor experience in designing webs”
It turns out that this site is still isn’t displayed correctly in IE 6.
So what did I do? Nothing. That’s right. Absolutely nothing. Go to hell with IE 6, lah. IE 7 is already a common and IE 8 is going to get out of beta soon. So if you’re still using IE 6, my sympathy.
Update: Found the problem.
Here’s one of my CSS that wasn’t displayed correctly:
#container {
background: white url('img/body-background.png') repeat-y 0 0;
}
The code above will render a div element that has an id container to have a white background, and body-background.png as a background image, positioned in coordinate (0,0) which is top-left of the element and repeated along the y-axis which translates into a solid black line downward.
In IE 6, the solid black line displayed correctly, but the white color background did not. Experimenting a bit, I came into a conclusion that you cannot mix the repeated background image with a solid color background. A change from repeat-y to no-repeat, although would eliminate the background image, it would display the color background correctly.