Solved

WordPress Sidebar does not load in IE8

Posted on 2011-09-21
6
612 Views
Last Modified: 2012-05-12
On http://tinyurl.com/5tv8cy5 the sidebar does not load in Internet Explorer 8 at the moment. Any ideas why? I only see one JavaScript error
[11:36:25.864] [jquery.form] terminating; zero elements found by selector @ http://www.dougellis.com/wp-content/plugins/contact-form-7/jquery.form.js?ver=2.52:904

Open in new window

but I doubt that causes the sidebar not to load..
0
Comment
Question by:rhandalthor
  • 4
  • 2
6 Comments
 
LVL 5

Accepted Solution

by:
speak2ab earned 500 total points
ID: 36572643
You are right that should not be a problem. Does it load correctly on other browsers?

If it does, then you have an IE8 specific issue and you will have to tweak the page to display in IE8.

Check this link for more info:
http://wordpress.org/support/topic/ie8-sidebar-and-footer-issue-1

...and this for a smile:) http://quirm.net/2008/10/01/modern-web-design/
0
 

Author Comment

by:rhandalthor
ID: 36572963
I deactivated all widgets that add extra code - Cumulus Tag Cloud and PhotoShelter Gallery Widget and reloaded. No luck
Yes, all is good in Google Chrome, Safari and Firefox
0
 

Author Comment

by:rhandalthor
ID: 36582433
Just checked. Sidebar does load in IE9. Just not in IE7 nor in IE8. W3 validation errors that are there (3), are non related as far as I can see. Still no idea.
0
Better Security Awareness With Threat Intelligence

See how one of the leading financial services organizations uses Recorded Future as part of a holistic threat intelligence program to promote security awareness and proactively and efficiently identify threats.

 
LVL 5

Assisted Solution

by:speak2ab
speak2ab earned 500 total points
ID: 36584029
I observe this is a common issue with wp and ie. You may want to check out wordpress.org for other similar experiences. They do have some interesting cases with a very wide possible solution.

However, having said that you might want to actually make sure there is no unclosed tag in your code and since this occurs primarily on IE, you need to ensure that the W3C standards are well respected in your HTML. IE is very unforgiving if there is a deviation unlike most modern browsers.

Here is a blog i found that discusses different possibilities that could give you a pointer: http://samdevol.com/wordpress-troubleshooting-what-happened-to-my-sidebar/
0
 

Author Comment

by:rhandalthor
ID: 36585130
Three errors. One related to the open graphs meta tag       
<meta property='og:type' content='blog' />

Open in new window

, one related to a < in a JavaScript on line 63       
numberdivs = (numberdivs < 0 ? -1 : 1) * Math.floor(Math.abs(numberdivs))

Open in new window

, one related to email used for type which I added for MailChimp and finally one related to a missing alt tag. Only the second one could be related to a missing closing tag.  The jQuery snippet is loaded for Vimeo videos. Do not see where a closing tag is missing at the moment..........
0
 

Author Comment

by:rhandalthor
ID: 36585164
Vimeo was waiting for Shadow Box JS. As it was not found/added IE7/8 and IE9 had issues. IE7/8 would not load the sidebar as they hanged and IE9 would not load the slider properly. All good now.
0

Featured Post

Better Security Awareness With Threat Intelligence

See how one of the leading financial services organizations uses Recorded Future as part of a holistic threat intelligence program to promote security awareness and proactively and efficiently identify threats.

Join & Write a Comment

I've been asked to discuss some of the UX activities that I'm using with my team. Here I will share some details about how we approach UX projects.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

706 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

14 Experts available now in Live!

Get 1:1 Help Now