Jump to content
Michael Kummer

Elements section not working in IE11 (Win 10)

Recommended Posts

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?


Share this post

Link to post
Share on other sites

They look the same to me.

Top image is chrome bottom is IE windows 10

Screen Shot 2016-11-01 at 18.06.17.png

VirtualBox_windows 10_01_11_2016_18_07_22.png

Share this post

Link to post
Share on other sites
Michael Kummer

Hi Simon,

we figured out that IE doesn't properly resize the image containers. The image shown in the screenshot used to be of higher resolution and IE would render the image correctly but increased the section height to fit the dimensions of the original image. So we reduced the image size and re-uploaded it. That solved the problem but the image looks fuzzier due to the reduced size. Is there a workaround to use a larger image but force IE to render the box correctly?



Share this post

Link to post
Share on other sites

you could use some css media query to target that specific version of IE and serve  different image.

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

    • StuLeeUK
      By StuLeeUK+
      Good morning,
      I have set up my homepage using the Elements sections, a Masthead at the top and then a selection of Heroes lower down.
      I only just realised that the Heroes set a H1, as does the Masthead.
      Is there an easy way I can change the Heroes to an H2/H3 etc so as to improve the structure of my headers, whilst keeping the Masthead as H1?
      I really don't know much at all about CSS, which is why I use Pagelines because it's just so easy to create good looking pages without too much confusion.
      page for reference is https://www.avangocouriers.co.uk
    • 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.

    • Jason
      By Jason+
      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?

    • SaschaM
      By SaschaM+
      From a SEO perspective the PL5 Plugins: Elements and Impulse are producing site struture problems with the h1-hX tags and i dont make a designer very happy, cause the problems can not resolved easy way.
      1. Impulse
      If you add item slide headers its rendered as graphic text - not readable by searchengines. result is an empty h2. second impulse is most times one of first element on the site. the h2 tag to be first is wrong. it must be h1.
      in order to fix it i have to place an h1 text elements before impulse - which destroys my beautifull layout.
      2. Elements
      For Layout reason the PL5 plugin generates h1 and a h3 headline in order to style the layout (as you know headline elements should not be used for styling). This is also not correct, cause from seo perspective only one h1 ist recommended on page. With placing callouts and heros in the content you have an additional h1, which indicates wrong content to searchengines. h1 is on a correct SEO website one of the first elements.
      in my case i use different callouts and heros sometimes 2 or more on a side and than i have to all this h1-h3 structure problems
      For Elements i build now a SPAN solution with shortcodes to replace elements callout, but this is also not perfect. is there a way to modify the headlines 1) by a functions add_filter 2). modify the plugin source code in a child theme?
      would be nice if we can have a dicussion on it...or somebody has a solution for this problem....i am trying now for some days finding a solution maybe i am blind but not stupid.
    • 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.