PostHeaderIcon How To Fix WordPress Blog That Shows Differently on IE and Firefox

I love to use Wordpress blog as one of my marketing tools. The benefits of using wordpress blogs are many. For example, they are friendly to Search Engines. They have many plugins that can greatly help your project to run smoothly. They can automatically submit your posts to authority sites within short period of time. They are many themes available for free for your use. If you work consistently with your blogs, you can get a lot of traffic faster than using the normal HTML sites.

However, they is one problem which I could not resolve for a long time. Some of the themes work well on Firefox but are viewed differently on Internet Explorer. I have postponed trying to resolve this for a long time. Today, I set up a new blog and found the same thing happened. I have two choices. Either I look for the different themes that is more congruent to both browsers or I stick to solving problems. I decide to do the latter.

I then look into my old VDO files to see if there is anything on this topic. I used to see something on my files but I was not sure. No luck, I could not find the solution. Now I need to check the wonder of the internet to see if it can help.

I check Google and found a good site. Here is the link to the site that address the problem:

http://www.idratherbewriting.com/2007/07/17/matching-browser-display-between-ie-and-firefox/

I did what the site instructs. Guess what ? No luck. There must be something I did wrong. I know that I will need to separate the style sheets. One for internet explorer. The other for Firefox. But I don’t know how to put the code together. You will need to know some php basic which I don’t know.

So I went to Yahoo Answer and looked for answers. Again, there was nothing matched. So, I decide to post my question on the site and will wait for awhile until I get the answer. Last time, I get the answer within a few hours. When I typed on my question and looked at the preview. I noticed something . Those are:

  • I didn’t change the destination of the code to my site. No wonder why it didn’t work, I thought. However, it still didn’t work. But then again, I found another thing.
  • I found that the code on the Yahoo preview is different from the code I copy from the site that I looked for the answer, idratherbewriting.com. Some of the symbols has changed and more readable.
  • So I edited some of the code and tada, it worked.

Here are what to do when you have wordpress problem of discrepancies in viewing with different browser.

  1. Create a new style sheet called ie7.css. Upload it to your theme folder.
  2. Go and edit you header file. It is Header.php. You can use notepad or Microsoft frontpage.

Here are the area to be edited:

Old: <link rel=”stylesheet” href=”<?php bloginfo(’stylesheet_url’); ?>” type=”text/css” media=”screen” />

Replace the old one with this:

<![if IE]><link rel=”stylesheet” type=”text/css”
href=”http://XXX.com/wp-content/themes/YYY/ie7.css”>
<![endif]>

<![if !IE]><link rel=”stylesheet” type=”text/css”
href=”http://xxx.com/wp-content/themes/YYY/style.css”>
<![endif]>

XXX is my site name. YYY is the name of your theme.

Now you can solve the problem of wordpress blog shows differently on Internet Explorer and Firefox.

I hope this is useful. I will see you on the top.

One Response to “How To Fix WordPress Blog That Shows Differently on IE and Firefox”

  • PiterKokoniz says:

    Hi !! :)
    I am Piter Kokoniz. oOnly want to tell, that I like your blog very much!
    And want to ask you: is this blog your hobby?
    Sorry for my bad english:)
    Thank you:)
    Your Piter Kokoniz, from Latvia

Leave a Reply

July 2009
M T W T F S S
« Jun    
 12345
6789101112
13141516171819
20212223242526
2728293031