Archived

This topic is now archived and is closed to further replies.

  • 0

Black boxes in IE9


Question

Posted · Report post

Boxes shows up as black in IE9. That makes them unreadable.

Take a look: www.attac.no, boxes are below the main content

Chrome and Firefox seems to be working fine, but there's quite a lot of IE-users out there still.

Is this a known issue, or is there something I can do about it?

Share this post


Link to post
Share on other sites

13 answers to this question

Posted · Report post

One of our developers looked at your issue and found that you have a few unclosed divs in the markup you have added, along with some related to <li> and <ul>. So I recommend you take a look at the code you have added on your pages, as this is the cause of your issue.

1 person likes this

Share this post


Link to post
Share on other sites

Posted · Report post

OK, fixed it. It had something to do with the list tags in one widget (from Events manager), not the unclosed divs. Seems kind of odd that lists in a widget causes the boxes section to misbehave, but thanks for the help.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Attac

I haven't heard of any other reports regarding this issue. Have you added any custom CSS thats related to the Boxes section ?

Share this post


Link to post
Share on other sites

Posted · Report post

Why do you mark the issue as resolved when I haven't replied yet? It's not!

Anyway, no, I haven't added any custom CSS to boxes. I'm using a base theme and have added some custom CSS, but not any that applies to boxes in anyway, I've only added a few lines of code.

It seems like the MoreFoot section, where the boxes are, displays with black background in IE and white in Chrome and Firefox.

Share this post


Link to post
Share on other sites

Posted · Report post

If the black boxes aren't related to any CSS you've added, they're being caused by IE9. It's a known issue, but I'm not sure what causes it. You may want to try adding a background color to those boxes using custom CSS to see if that makes a difference.

Share this post


Link to post
Share on other sites

Posted · Report post

I think Danny marked this topic as resolved by accident. It has since been reopened.

Share this post


Link to post
Share on other sites

Posted · Report post

Please disable your cache plugin and see if this resolves your issue.

Share this post


Link to post
Share on other sites

Posted · Report post

Danny: No, that doesn't resolve it. 

 

I tried to disable all non-PL/non-Wordpress plugins, but it doesn't seem to make a difference. 

Share this post


Link to post
Share on other sites

Posted · Report post

Here's how it looks in Drag-and-drop:

 

1zgb03c.jpg

Share this post


Link to post
Share on other sites

Posted · Report post

Can you post a larger image, as that is rather small.

Share this post


Link to post
Share on other sites

Posted · Report post

catrina/ danny: Is this a known issue or totally unknown? A bit confused...

Share this post


Link to post
Share on other sites

Posted · Report post

Something went wrong with the pic-upload, but it just shows that theres a Features section, the Content section and the Boxes section in the page template for the front page (Blog page). 

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks, that at least gives me a clue to what's wrong. 

 

But the only markup I've added is in the widgets, and as far as I can see there's only one div in the widgets, and that's closed. So I have no clue what markup I should look at?

Share this post


Link to post
Share on other sites