Hack: Wordpress i3theme IE6 sidebar problem solved
The awesome i3theme that this blog uses is a treat to the eyes, except to a lot of IE6 users. The issue is that for many people viewing wordpress blogs using this theme, the right sidebar doesn’t appear on the right, but below the middle column main area.
I didn’t know this problem existed as I don’t use IE but when a friend mailed to let me know, I started hunting around for the solution. Infact, found on the home page of i3theme, that the author acknowledged this bug and fixed it in v1.5, except the fact, that the fix doesn’t work. Because this blog was also using the same version.
Now, not taking anything away from the author, who has done a wonderful job with the theme, I took it upon myself to fix it, and the solution turned out to be really simple.
The first thing I noticed was the “tag cloud”. Since many of my posts are tagged “Windows Mobile”, this particular tag had become pretty big, so much so that it was being cut off by the left sidebar boundary. But when I viewed the site in IE, it showed the full tag, but the last 2 letters were jutting out of the left sidebar. which caused the middle area to shift towards right ever so slightly, nudging the right sidebar towards the bottom in the process.
Hmm, this was the reason that many people never see this problem because they may have a particularly balanced blog (or with shorter tags) where one particular tag does not go out of the boundaries.
The solution as anyone can guess now is to keep that tag within its range. Now, I call my solution as a hack or a workaround because ideally, we should be able to create a method to make the tag “word wrap” inside the edges. But since I was unable to get this done, I chose a simpler way. Make the tag small enough so that it fits!
To do this, go to your sidebar.php (in your i3theme folder) and look for the tag cloud widget. You will find a line similar to this:
<?php wp_tag_cloud('smallest=8&largest=22&unit=pt&number=45&format=flat&orderby=name&order=ASC'); ?>
Change the value of “largest” from 22 to something smaller, say 16. This will ensure that even if a tag becomes very popular, it won’t get too big to cause this problem.
Let me know if this worked for you.