Solved

WordPress Sidebar does not load in IE8

Posted on 2011-09-21
6
613 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
DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

 
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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
An enjoyable and seamless user experience can go a long way on an eCommerce site. While a cohesive layout and engaging copy play roles in creating a positive user experience, some sites neglect aspects that seem marginal but in actuality prove very …
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
This video teaches users how to migrate an existing Wordpress website to a new domain.

867 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

24 Experts available now in Live!

Get 1:1 Help Now