Jump to content


Photo
- - - - -

Black boxes in IE9

box ie9 internet explorer

Best Answer Danny , 25 January 2013 - 01:42 PM

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.

Go to the full post


  • Please log in to reply
13 replies to this topic

#1 attac

attac

    Super Member

  • Members
  • 132 posts
  • Country: Country Flag

Posted 11 October 2012 - 10:30 AM

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

Take a look:

Please Login or Register to see this Hidden Content

, 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?

#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 15120 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 11 October 2012 - 10:55 AM

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 ?

#3 attac

attac

    Super Member

  • Members
  • 132 posts
  • Country: Country Flag

Posted 11 October 2012 - 11:13 AM

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.

#4 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 11 October 2012 - 03:05 PM

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.

#5 attac

attac

    Super Member

  • Members
  • 132 posts
  • Country: Country Flag

Posted 12 October 2012 - 12:53 PM

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

#6 mackenzie

mackenzie

    Advocate

  • Members
  • 333 posts
  • Country: Country Flag

Posted 12 October 2012 - 11:11 PM

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

#7 Danny

Danny

    Is Awesome!

  • Moderators
  • 15120 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 25 January 2013 - 11:15 AM

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



#8 attac

attac

    Super Member

  • Members
  • 132 posts
  • Country: Country Flag

Posted 25 January 2013 - 11:30 AM

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. 



#9 attac

attac

    Super Member

  • Members
  • 132 posts
  • Country: Country Flag

Posted 25 January 2013 - 11:40 AM

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

 

1zgb03c.jpg



#10 Danny

Danny

    Is Awesome!

  • Moderators
  • 15120 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 25 January 2013 - 11:51 AM

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



#11 attac

attac

    Super Member

  • Members
  • 132 posts
  • Country: Country Flag

Posted 25 January 2013 - 01:24 PM

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



#12 Danny

Danny

    Is Awesome!

  • Moderators
  • 15120 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 25 January 2013 - 01:42 PM   Best Answer

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.


  • attac likes this

#13 attac

attac

    Super Member

  • Members
  • 132 posts
  • Country: Country Flag

Posted 25 January 2013 - 02:57 PM

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?



#14 attac

attac

    Super Member

  • Members
  • 132 posts
  • Country: Country Flag

Posted 25 January 2013 - 03:37 PM

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.







Also tagged with one or more of these keywords: box, ie9, internet explorer