Jump to content
Audun MB

Black boxes in IE9

Recommended Posts

Audun MB+    16
Audun MB

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
Danny    1,327
Danny

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 ?


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Audun MB+    16
Audun MB

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
catrina    103
catrina

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.


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
Audun MB+    16
Audun MB

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

Share this post


Link to post
Share on other sites
mackenzie    12
mackenzie

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


Mackenzie - PageLines Help Desk

The Centsible Family - Writer, Photographer and Coffee Addict

---------------------------------------------------

Kindly search this forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

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


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Audun MB+    16
Audun MB

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
Audun MB+    16
Audun MB

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

 

1zgb03c.jpg

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

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


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Audun MB+    16
Audun MB

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
Danny    1,327
Danny

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.

  • Like 1

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Audun MB+    16
Audun MB

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
Audun MB+    16
Audun MB

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • Michael Kummer
      By Michael Kummer+
      Hi guys,
      we have noticed that the Elements section is displaying incorrectly under IE11 on Windows 10. See xiting.us. The 3 sections above the footer are Elements sections and they have way too much spacing.
      Is this a known issue?
      Thanks
      Michael
    • richardjacruz
      By richardjacruz+
      Someone reported this little bit of weirdness to me today. They were using Internet Exporer. I used an emulator, and I received the same result. Please see the attached.
      The website is richcruzchicago.com.
      Thanks,
      Rich

    • Jason
      By Jason+
      Hi.
      A previous thread mentioned problems with Splashup in IE.
       
      I am having these same issues. Everything is fine in firefox and chrome but IE displays only half the splash up section overlayed across the other content. See screen shots below.
      How it should look is Fire fox Splashup
      How it looks in IE is IE Splashup.
      Site is www.catholiccol.org.nz/live-preview-09-2016
       
      I have also attached shots of Inspect of each browser. As soon as I click on the ::after and ::before elements in IE the page displays correctly.
      I have tried Splashup on other sites and a local install with no custom css and all other plugins disabled but I still get the same problem.
       
      Any ideas?
       




    • arno
      By arno+
      Site that looks great on other browser, are is rendered wrong on IE: http://foodfunded.us/
      We got multiple complaints.
      The height of sections is way too high. Not sure which section is causing the problem, as they are in containers.
      Or is the size of the images?

      While most of us probably don't use IE, it might prevent professionals from getting client engagements with the PL5 tool, if the browsers don't have coverage.

    • sfmstudios
      By sfmstudios+
      Strange issue - see attached screenshot from www.bpetricone.com (cutoff one is IE, the other is Safari on iPad).  Only shows this way in IE11, and all other modern browsers are fine. I removed all extra CSS and all plugins and core files are up to date. 
       
      What are my options?  I already tried both putting them all in one container or having them separate. 


×