Troubleshooting Browser Formatting Problems

Posted on Nov 14 2008 by Alistair Barnett in Tutorials 

We have received a number of inquiries lately about browser display problems like:

My site displays perfectly in Firefox but when I open it in Internet Explorer 7 it is all scrambled. How can I resolve this problem?

First and foremost, we want to let you know that we make every effort possible to quality check our templates before they are distributed for sale. We test them in different browsers and operating systems to ensure that they display properly.

You can test this for yourself by going to the many demo sites that we host and view them in different browsers for yourself:

WP-Vybehttp://www.wp-vybe.com
WP-Magazinehttp://www.wp-magazine.com
Zeke 1.0 + Widgetshttp://www.themes.solostream.com

If the demo site displays properly and your site doesn’t in the same browser, the most likely causes are:

1. Plugin Incompatibility – You have incorporated a plugin to your site that has created a compatibility problem. It’s like mixing ice cream and steak. Both of them can be very good by themselves but they are not the type of ingredients you want to mix on your plate at one time.

To resolve this situation, we recommend you deactivate the plugins one by one until you isolate the specific plugin that is causing the problem.

2. You may have mistakenly modified the code – This can be a true pain in the neck since there are so many places to look within the site’s code.

Our best advice in these moments is to try the following tools:

- Go to http://validator.w3.org/ to validate the HTML and check for errors
- Go to http://jigsaw.w3.org/css-validator/ to validate the CSS and check for errors