[Webinar] Streamline your web hosting managementRegister Today

x
?
Solved

WordPress Sidebar does not load in IE8

Posted on 2011-09-21
6
Medium Priority
?
627 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 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
The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

 
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

Hire Technology Freelancers with Gigs

Work with freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely, and get projects done right.

Question has a verified solution.

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

By following these Magento e-commerce development tips, you can increase your website's conversion and profitability. Read this post for more details.
There is a wide range of advantages associated with the use of ASP.NET. This is why this programming framework is used to create excellent enterprise-class websites, technologies, and web applications.
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 viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Suggested Courses

591 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