----
Some time back I had posted a little hack to fix an issue that users of i3theme have, i.e., their right sidebar drops to below the main content area in IE6. But it wasn’t that good as it took care of only the situation when this phenomena was caused by the tag cloud widget. So, here is a little modification I did to fix the issue more properly.
1. Go to your wp-content/themes/<i3theme> folder and open the style.css file in your favourite text editor.
2. Search for “#sidebar” (without the quotes) until you reach the following code:
-
#sidebar-right,
-
#sidebar-left {
-
width: 210px;
-
color: #666666;
-
line-height: 160%;
-
}
3. Now, modify this code to look like:
-
#sidebar-right,
-
#sidebar-left {
-
width: 210px;
-
color: #666666;
-
line-height: 160%;
-
word-wrap: break-word;
-
}
4. That’s it. Save your file and you are done.
So what does it do? Basically I just added an attribute “word-wrap: break-word” to the sidebar handling. So, if there is a word that cannot fit in the sidebar width, the word will be broken to continue in the next line and thus the sidebar alignment will remain intact. let me know if you face any issues with this.
Note that this particular word-wrap property is Internet Explorer specific. Firefox (and other browsers) will ignore it, but since the problem with sidebar alignment occurs only with IE, so it will enable IE to display your site properly.
----
If you liked this post, then you can Subscribe to my feed
Quote of the day: Grandpa: My Homer is not a communist. He may be a liar, a pig, an idiot, a communist, but he is not a porn star.
April 9th, 2008 at 1:32 pm
I still have same problem with my blog at sefanboy.com, even after follow this instruction
can you help me?
April 9th, 2008 at 1:46 pm
alex, your problem seems to be caused by some issue with the main content area and not the sidebar. Did you try adding this property to the main content area in the CSS?
April 9th, 2008 at 2:01 pm
I don't really understand what do you mean. I 'm not expert in wordpress
I add the code on style.css of course. but maybe i put too large image or video?
April 9th, 2008 at 2:16 pm
I add this code in style.css in my theme, not main content area.
any idea what should i do with main content area?
April 9th, 2008 at 7:22 pm
alex, by main content, I meant #content in style.css. Anyways, I tried adding the property in ur style.css (saved ur page and tried there on my local machine) but it didn't work. Most probably its not text but some pic/vid etc thats causing the issue.
April 20th, 2008 at 6:48 am
I had the same problem and it's fixed. If you go to download version 1.6 of the i3Theme form mangoOrange.com, you'll see that the problem is solved for IE.
Hope this helps.
April 20th, 2008 at 11:45 am
I don't know, I have upgraded to 1.6 version, but still show error. I think i have to change with 2 column or switch to other theme
I tried to validate css of the theme, and found some errors there.
check here:
http://jigsaw.w3.org/css-validator/
May 14th, 2008 at 10:20 am
Hi Shantanu,
I used i3 theme 6, right sidebar.
I have problem for IE 6, that the midle sidebar go down and not place properly.
Could you help me to fix it?
Tnk be 4
Http://optikonline.info
May 14th, 2008 at 5:51 pm
Kastam: Have you tried the fixes listed in this post and the previous one on the same issue?
May 29th, 2008 at 2:05 pm
i was having the same prob with the i3 theme and the leopard theme both the trick posted on this blog didn't worked, i saw this line "margin-left: 10px;" in my css below "line-height: 160%;" and i removed this line and it fixed the error in i.e 6
I don't know what are the side effects of removing this line but i am glad that i fixed it
so can anyone tell me will removing this line affect anything?
May 29th, 2008 at 7:40 pm
Saad:, basically what that line did was to create a margin of 10 pixels on the left side. Since u removed that, the margin was removed, and whatever the interfering part was got shifted to left by 10 pixels, and hence ur sidebar came up.
May 29th, 2008 at 11:37 pm
oh thanks for the info mate
as you must have noticed that i don't know anything about php
June 2nd, 2008 at 11:24 pm
hey what are you doing to add "If you liked this post, then you can Subscribe to my feed" in every post?
June 2nd, 2008 at 11:57 pm
Saad: I had tried to reply to u when u sent in the msg thru contact form but ur mail address bounced somehow.
Anyways, I'm using my WordPress plugin "Shantz-wp-prefix-suffix", which allows you to add any text or html/css code to the top and/or bottom of your all your posts and/or pages.
You can download it from here: http://tech.shantanugoel.com/projects/wordpress/shantz-wordpress-prefix-suffix
June 3rd, 2008 at 1:01 am
strange :S it shouldn't bounce
anyways thanks for you help!!!