?
Solved

WordPress Sidebar does not load in IE8

Posted on 2011-09-21
6
Medium Priority
?
622 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
  • 2
6 Comments
 
LVL 5

Accepted Solution

by:
speak2ab earned 2000 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
Percona Live Europe 2017 | Sep 25 - 27, 2017

The Percona Live Open Source Database Conference Europe 2017 is the premier event for the diverse and active European open source database community, as well as businesses that develop and use open source database software.

 
LVL 5

Assisted Solution

by:speak2ab
speak2ab earned 2000 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

Don't Cry: How Liquid Web is Ensuring Security

WannaCry is just the start. Read how Liquid Web is protecting itself and its customers against new threats.

Question has a verified solution.

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

This article discusses how to implement server side field validation and display customized error messages to the client.
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
The is a quite short video tutorial. In this video, I'm going to show you how to create self-host WordPress blog with free hosting service.
Suggested Courses

777 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