WordPress.org

Forums

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

  1. Veliremus
    Member
    Posted 4 years ago #

    Hey all,

    Okay, I am at the end of my rope here. My website (http://www.veliremus.com/) has been broken by the new WordPress update. It uses the Imbalance theme: http://wpshower.com/free-wordpress-themes/imbalance-free-wordpress-theme/

    Ever since that update, the site does not function properly in Internet Explorer (regardless of version, I believe). I realize that this is a theme problem. However, I have mailed the creators (http://wpshower.com/) and Facebooked them, but they do not respond. I've tried digging into the CSS to see if I could fix it myself, but no use.

    The problem is that, in stead of three columns, the site in IE only displays one column, which then forks into two, further down the page. Both Firefox and Chrome still properly display the site. Also, the JWPlayer --which also still works on Firefox and Chrome-- is not displayed in posts (like this one, for instance: http://www.veliremus.com/work/kingdom-company)

    I've tried all I know, but I can't get it to work. This is a really bad time for this to happen, since I'm right in the middle of finding a job, and now my portfolio site is broken...

    Again, I realize the creators of the theme would be the obvious ones to help me, but they are unresponsive. Can someone please help me? Or maybe tell me which difference in the WP 3.1 update is breaking the theme in Internet Explorer specifically?

    Thanks in advance,

    Veliremus

  2. flamenco
    Member
    Posted 4 years ago #

    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.

  3. Veliremus
    Member
    Posted 4 years ago #

    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?

  4. flamenco
    Member
    Posted 4 years ago #

    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

  5. Veliremus
    Member
    Posted 4 years ago #

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

    Anyone else...? Please...? :P

  6. sapevicheapoggio
    Member
    Posted 4 years ago #

    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

  7. Veliremus
    Member
    Posted 4 years ago #

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

  8. sapevicheapoggio
    Member
    Posted 4 years ago #

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

  9. Veliremus
    Member
    Posted 4 years ago #

    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?

  10. Veliremus
    Member
    Posted 4 years ago #

    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.

  11. frankydz
    Member
    Posted 3 years ago #

    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

  12. frankydz
    Member
    Posted 3 years ago #

    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

  13. Veliremus
    Member
    Posted 3 years ago #

    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!

  14. zelkovawebstudio
    Member
    Posted 3 years ago #

    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!

  15. HACKler
    Member
    Posted 3 years ago #

    Veliremus Thank You very much!

  16. number six
    Member
    Posted 3 years ago #

    ---> Veliremus

    thank youuuuuuuuuu :) :) :)

  17. buseca
    Member
    Posted 3 years ago #

    yes man! thank you, I owe you one!

Topic Closed

This topic has been closed to new replies.

About this Topic