Fixing IE8 issues in my blog



buzz this
I didn't try to check my blog for IE compatibility in recent times. When I installed Windows 7 RC last week, fired up IE8, the default browser in Windows 7. To my surprise, my blog was not opening. Instead showed an error page giving various reasons ( not useful to find the root cause)

    I did the following to fix my blog for IE8 compatibility.

    • Removed the Disqus recent comments widget from the sidebar. That was the main reason for the page not opening at all.
    • After fixing that issue, my blog was opening without any error messages. But, the side bar was below all posts, instead of being on the side. This was fixed by making changes to the CSS:
    #main-wrapper {
    float:left;
    width:642px;
    margin-left: 10px;
    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
    overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
    }
    #sidebar-wrapper {
    float:right;
    width:272px;
    margin-right: 5px;
    font-size: 12px;
    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
    overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
    }
    

    This is required when using widgets like Google Friend-connect.
    •  Also made the change to load the page in IE7 compatibility mode as suggested in some forums. Added the following meta tag in the template.
    <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>

    As of now, my blog is IE8 compatible.

    blog comments powered by Disqus