No Show in Firefox

[collegepro]

I am using the evolution theme on different domains. Both site load fine in Internet Explorer but do not load correctly in Firefox.

Each site initially loads the main page but a couple of seconds later it disappears

Any thoughts?

Thanks

[Kevin]

Hi there,

Can you provide a url for us so that we can look into what is causing this.

Thanks,
kevin

[collegepro]

Hi Kevin


The urls are Nutrition Information (http://nutritionlearn.com)

and Everything Books (http://www.everything-books.com)

Thanks

Kevin

One more piece of info - I disabled all my plugins and still won't permanently load in firefox

[sarahG]

Your problem is that you've put Google Ads into the site. The ads are clashing with a javascript file called theme.js, which adds additional html via javascript.

The easiest fix is to remove the call to the theme.js file in the header and see how much it affects your site visually.

[collegepro]

Thanks Sarah

Well I removed the theme.js script line of code and the page did load ok in Firefox.

It did however seriously mess up the footer area of the page

Can the js file be modified to prevent the clash with the advertising. As previously mentioned the site loads fine in IE

Any other options?

Thanks

[sarahG]

Your footer looks the same to me in both IE8 and Firefox with JavaScript disabled (and subsequently theme.js disabled). I'm not saying it's right, it's certainly messed up, but it's the same in both browsers.

The theme.js file doesn't target the footer either, so unless you've made major changes to the code then removing the theme.js file will not impact on the footer. The main impact you will notice is that the background colour to the sidebar widgets changes, but that's all.

Alternatively you can look through this thread to see suggested fixes to allow you to redo the theme.js's work and then remove theme.js

http://www.bloggingtips.com/forums/showpost.php?p=2499&postcount=23

[collegepro]

Hi Sarah

My sites load normally in IE

They don't load in Firefox

The sites will load in Firefox if I remove either the line of script in the header file that contains jquery......js or theme.js as you have suggested.

When I do this the colour from the last line of the page (where the credits are) bleeds into the footer and distorts the footer. Everything else looks OK (header - sidebar)

I'm not a techie so the post you sent me to I don't understand.

Why would the jquery or theme.js scripts work OK in IE and not in Firefox?

[sarahG]

Hi Sarah

My sites load normally in IE

They don't load in Firefox

Yes I did understand that...


For your first site listed, this is what I see in IE8

http://www.edoodle.co.uk/stuff/nutrition1.gif

This is what I see in Firefox with the JavaScript disabled (so that the page loads)

http://www.edoodle.co.uk/stuff/nutrition2.gif

Besides the Amazon adverts loading in Firefox and not in IE8 for some reason, both footers look pretty messed up, and this is not due to the theme.js file as it is not modifying/adding code contained within the footer.

The only reason theme.js is clashing with your Google ads is because you've put google ads into your sidebar in boxes that have a class of widget. You either need to go into the theme.js file and comment out the line

$(".widget").wrap("<div class='widget_c'>" + "</div>");

by putting two forwardslashes in front of it ie.

//$(".widget").wrap("<div class='widget_c'>" + "</div>");

That's the easiest solution if you're not confident with editing code.

And you asked why. Because Internet Explorer works differently to firefox and one ignores the clash and one doesn't.

[collegepro]

Thanks Sarah

I have commented out the line in theme.js and Firefox now loads

Prior to your last post I was using IE7 and the site showed up fine (why I couldn't understand your previous comment about IE), but since then I have upgraded to IE8 and now the footer bleed is there just like Firefox - so I have some work to do to figure out what is going on.

I do get my footer adds to load ok in IE8

When I first loaded the theme quite a while ago I did mess with some of css stuff on the footer to get it looking the way I wanted it, so that has come back to haunt me. I think I need to find the line of code where the height of the credit bar gets reduced?

Again thanks for your help

[sarahG]

There are obviously differences between how IE8 and IE7 display things. Your best option is to start with the original footer again, and get it right in Firefox or Opera, as those are far more standards compliant than IEX. I don't know what differences IE8 and 7 have as I've only had it for a week (and am a PHP developer first and foremost), however I would say, get it working in Firefox, then look at it in IE8 and IE7 (if you're fussed about IE7 support). If you need to make changes for those, use conditional comments.

[collegepro]

Fixed everything - looks good - thanks again

[collegepro]

Hi Sarah - I need your help again please

Following up from my last post, I thought everything was fixed but now find that I can't load my pages or posts in Firefox except for the main page.

I can load them in the latest version of IE

[sarahG]

Again, it's the theme file. If you put an ad in anything within .post, .widget or '.menu a' then you will have a clash. If you open up your theme file and comment out the .post line then you should be okay as I doubt you'll put ads in your menu anyway, and you've already commented out the widget line.

[collegepro]

Thanks Sarah - that did the trick