How to Fix Three Column WordPress Themes For Internet Explorer
WordPress is being used by millions of people across the globe. It is pretty easy to use, and offers several great themes for your posts. But just like many others, it is not flawless.
It has widely been observed that the 3-coloum WordPress theme does not work properly on Internet Explore. Since you cannot ask people to open your blogs with other browsers, it is important to fix this issue.
There is nothing to worry about, because you are not the only one who is facing this problem. Initially, there was no other solution, but to install other web browsers. But the situation has now improved a lot.
You don’t need to be an expert of css and style codes to sort out this issue. The main problem is with the way Internet Explorer reads the css styles, especially in the styles.css page.
Instructions
-
1
There are a couple of ways to tackle this issue. The first method is about opening up the styles.css file in the Dreamweaver or any other text-code editing program.
-
2
First of all, find the code that defines the column. It may look something like #sidebar, #leftsidebar, #rightsidebar, #sidebar1 or #sidebar2. Once you have found the correct code, the rest of the process is relatively easier.
In case you face any difficulty in finding the code, use the ‘find’ function. Type ‘sidebar’ in the search bar, and if the result is a combination of ‘#’ and ‘sidebar’, this is exactly what you are looking for. -
3
The next step is to add the tag “overflow:hidden;” within the perimeters of the code. Make sure it looks something like this: #sidebar { width:145px; othertag1:somevalue; othertag2:somevalue2; overflow:hidden; }.
-
4
It is the time to save and replace the .css file. Once it is saved, upload it onto your server. This will surely solve the problem. Since you have fixed the bug, the three column theme is now totally compatible with Internet Explorer.
-
5
If the first procedure does not work, try making the width of the column a little smaller. The blog may look a little odd in smaller columns, but there is no other solution.
You are required to change the px value, preferably making it smaller by five pixels. This move will certainly help your fix the problem.
