Dylan
asked 11 years ago

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!

3 Answers
DominicStaff
answered 11 years ago

Please send me username & password your site for further checking.

My mail box: [email protected]

Regards,
Dominic

Dylan
answered 11 years ago

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.

DominicStaff
answered 11 years ago

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

Powered by DW Question & Answer Pro