Black boxes in IE9

[Audun MB+ 17]

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?

[Danny+ 1,327]

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 ?

[Audun MB+ 17]

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.

[catrina 103]

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.

[Audun MB+ 17]

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

[mackenzie 12]

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

[Danny+ 1,327]

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

[Audun MB+ 17]

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. 

[Audun MB+ 17]

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

 

[Danny+ 1,327]

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

[Audun MB+ 17]

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). 

[Danny+ 1,327]

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.

[Audun MB+ 17]

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?

[Audun MB+ 17]

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.