Site (Imbalance theme) broken in IE since WP3.1

Hi,
Ooo, that’s a tight design! By that, I mean that there isn’t a pixel to spare, no breathing room. In the past, IE had added its own dumb little pixels for no good reason to boxes, especially with rotten IE6. It improved somewhat in later versions, but there are still some stupid little things that make us CSS people crazy. I see that Imbalanced has indeed become imbalanced!

I’ve got two quick fixes you can try. You’ll need to go to Appearance… Editor, and edit style.css.

This is the container of the other stuff. You could try slightly bumping up the width figure, say, to 950px. That might give it breathing space.

#outer {
  color: #000000;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  margin: 0 auto;
  width: 945px;
}

Beyond that… in the three columns of photos you have, cols 1 & 2 have a chunk of space to the right, as you see here. You could try slightly shrinking this setting, say to maybe 10px.

.li_cont1, .li_cont2 {
  margin-right: 15px;
}

See of one of those help. The idea is to make just enough space.

But regarding JWPlayer, geek on-site probably required for that. The page you cited does not come close to passing HTML validation, so that may be a place to start. I’ve worked with JWPlayer on and off, and it can be tricky. It’s possible you may need to upgrade that, and I know he’s now charging for the latest version, and I don’t know if that would solve the problem. Any video player can be tricky to make work in all browsers.

Good luck.

Hey flamenco,

Thank you for your rapid response! Unfortunately, I have tried the quick fixes, and they don’t do anything.

As for the JWPlayer, regard that as a second priority, I have no problem with changing that if necessary. Just thought it’d be good to mention, as it has the same problem with Internet Explorer (man, I hate that browser).

Anything else I can try?

Gee, without being hands-on and doing a lot of investigating, I’m sorry, no other suggestions. This type of thing often requires tearing into the CSS. Indeed, IE is incredibly annoying.

Maybe somebody else will have a thought.

Good luck, D

I was afraid you might say that. Well, thank you very much for trying, in any case. I really appreciate it :).

Anyone else…? Please…? ??

The only solution for the moment is downgrade your WordPress to the 3.0.5 version. Download it from the release archive of WP and replace just the WP-ADMIN, WP-INCLUDES and all root files of the .zip

I thought about that, but wouldn’t that expose me to the security weaknesses of 3.0.5?

Maybe, but for the moment it’s the unique solution. I’m trying this and it works very well.

It is said that it’s not really ideal for your database, though. And wouldn’t it be a false solution, seeing as WordPress is not likely going to change in such a way that it fixes my theme, right?

It’s fixed! Some guy on the site of WPSHOWER managed to fix it. All I had to do was change the smallest thing in the CSS:

.li_cont1, .li_cont2 {
margin-right:15px;
}

to

.li_cont1, .li_cont2 {
margin-right:15px; float:left;
}

Unbelievable, but it totally works on both IE8 and IE7! Oh, man… I’m so happy I didn’t have to roll back. This guys saved my life.

hi,buddy Veliremus
I use imbalance theme too. There is a problem. The index picture hover doesn’t work when visiter use IE6.I mean the picture doesn’t change when we put mouse on it ,but IE7 IE8 firefox are all ok.So I want ask you how do you solve this problem,like how to change css code.I find the css has already contained the part of IE6, but it doesn’w work.
also welcome to my imbalance web
waiting for your teaching

buddy Veliremus
I went to your web again,this time i use ie6,so i found you don’t solve this problem too.May be the only solution is to recommend visiter update their browser like you ,ha,still thank you

Hello frankydz,

Sorry, but I can’t help you with this problem. I strive to have my site be as accessible as possible, but I draw the line at IE6. It’s simply way too old and bugged. What you can do is download a plugin that shows a prompt when people visit your site with IE6. Just search for “IE6”, there are plenty of plugins which can do that.

Good luck!

Woah! It works! Thanks a lot for the solution Veliremus.
I’m working with the same theme and had the same issue. I though it was because of the columnizer jquery plugin, but your solution fixed the problem.

So thanks a lot n keep on web-developing!

Veliremus Thank You very much!

—> Veliremus

thank youuuuuuuuuu ?? ?? ??