IE 8 Rendering issues – sidebar wrapped to bottom of screen
Hello.
Just bought this theme. Works great in Chrome and Safari and Firefox.
Mostly happy with it, except in IE 8, there’s rendering issues.
-
The Sidebar is now empty – it’s now on the bottom. And,
-
the logos on top stack up on the left side of the screen.
Any ideas?
Here is the URL. Thanks!
Please send me username & password your site for further checking.
My mail box: [email protected]
Regards,
Dominic
I was just informed by our client that this issue happens in IE 9 and IE 10. I can’t reproduce it. Can I please have a browser check? Please tell me if the sidebar is rendering correctly – I’m sending what our client is seeing on IE 9 and IE 10 in her office. (note the sidebar is empty, and the content is on the bottom of the screen – also, the client says the top logos are stacking vertically. Thanks. Here is the URL: bsa.therepublik.net This is a screenshot of what the client is seeing. IE 9 and IE 10, running Windows 7.
I checked your site (bsa.therepublik.net) on IE 9, 10 and on Windows 7 and it still runs correctly with the sidebar on the right.
On IE8, the sidebar is placed on the bottom of the screen is reason why your site has issues, I’m afraid that some widgets in the sidebar are missing a div element to close (see the attachment image). The sidebar (id=”secondary “) should be displayed outside the main content (id=”primary”).
I think you should disable the widgets in sidebar one by one to check if the problem is solved.
Also, the default sidebar width is 230px, not 400px, Please open wp-content/themes/dw-focus/assets/css/template.css and search the following code:
.span3 {
width:400px;
}
change it to:
.span3 {
width:230px;
}
I hope the above solutions can help you, please let me know if you still face that.
Regards,
Dominic
Please login or Register to submit your answer