Wordpress Themes - WP Forum at BFA - [SOLVED] Problem with ie 8 but no problem with other browsers

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- New Versions, & Updating (http://forum.bytesforall.com/forumdisplay.php?f=12)

- - [SOLVED] Problem with ie 8 but no problem with other browsers (http://forum.bytesforall.com/showthread.php?t=8897)

op2545

Aug 13, 2010 07:53 PM

[SOLVED] Problem with ie 8 but no problem with other browsers

Hello,
First, I love this theme. The best customizable theme...ever! Now, I had no problem with my new site until my client sent me an e-mail and complaint.
The site works perfectly with Safari 5, Firefox, Chrome, and Opera. I didn't check it on Explorer. I'm using Mac, WP 3.01, ATP 3.52. My client, of course, uses Windows IE 8. Checking my previous site on IE8...no problem.

My new site uses 3 languages with WPML Multilingual CMS.
Gallery with Lightbox Plus and AWSOM PixGallery.

Please take a look at the website via IE 8 and compare to Firefox or Safari.
http://www.marsifoundation.org/

Please help !
op2545

lmilesw

Aug 13, 2010 07:58 PM

I see extra menu items on the left with no words in IE8. What plugin are you using for the left sidebar menu?

op2545

Aug 13, 2010 08:22 PM

Thanks for the quick reply, lmilesw. I didn't use any plugin for the side bar just the standard ATP.
The problem was I had to make a splash page for languages choice. Set the page as static front page and leave blank on Title add these in CSS insert

Code:

#splash-outer {

    text-align: center;

    position: absolute;

    top: 50%;

    left: 0px;

    width: 100%;

    height: 1px;

    overflow: visible;

    visibility: visible;

    display: block

    }



#splash-inner {

    margin-left: -125px; /* half of width = 250/2 */

    position: absolute;

    top: -35px; /* - half of height = 70/2 */

    left: 50%;

    width: 250px;

    height: 70px;

    visibility: visible

    }



body.home div#imagecontainer {display: none;}

body.home div#menu1 {display: none;}

body.home table#logoarea {display: none;}

body.home #post-headline {display: none;}

I got this from another thread. It works fine on Safari and Firefox.
Also the logo got cut off, the gallery lightbox doesn't work in IE.

Thank you again for your help.
Op2545

lmilesw

Aug 13, 2010 08:49 PM

I just went through some of the IE8 CSS craziness. UGH. Without playing directly on the site here are is one thing I cam up with.

If you can deal with a little extra space between the logo and image the following will at least let you see the whole logo.

HTML Code:

td.logoarea-logo {padding-bottom:20px !important;}

With regards to the menu. Are you using the WP3 menu builder? With that you could just add the menu items you want to show.

It looks like you know quite a bit so you may have already played with some of these ideas but I thought I would throw them at you anyway.

op2545

Aug 13, 2010 09:13 PM

Crazy IE 8 indeed. The code worked! At least I got the logo back.
I didn't use WP3 menu builder. I'll try it out next. I don't know much about codes. Still learning. I got most of the stuff from you guys.
I'll let you know about the menu. Thanks once again for your help.

op2545

op2545

Aug 14, 2010 05:37 PM

Problem solved! Just for reference incase someone got into the same situation.
The sidebar menu problem caused by the plugin WPML Multilingual CMS. Deactivate it and go back to Pages menu then delete the extra pages. Don't know why it did that.

The problem with gallery not working when click was very simple. Within the setting menu in AWSOM PixGallery where you put in Custom Image code for effect [lightbox]. Make sure it's lowercase l not "L". Internet Explorer is too dumb to know.

I guess with IE you have to be very careful about entering your code. The best thing is advice people not to use it but in the real world that's not going to happen soon.

Oh the Menu builder didn't help. Still don't know enough about it.

All times are GMT -6. The time now is 10:51 AM.