none
IE 11 Rendering problems with buttons RRS feed

  • Question

  • Recently a colleague came to me with an issue with a site we support for the FG. It seems that buttons for "editing" a comment box were not appearing, though their placeholders are there and if you "click" on them (for example: where the "B" should be to make the text "Bold", it actually does what it is supposed to; however a user would never know the "B" is there because it doesn't appear).

    I found a similar problem on the Zillow.com website when viewing a map. As indicated in the pictures below, one version of IE 11 shows the Zoom In/Out buttons, but the other does not (just as we are experiencing with our website).

    IE11.0.9600.17843 (working) 

    IE11.0.9600.17843 (working buttons)

    IE11.0.9600.18524 (no working)

    IE11.0.9600.18524 (no working buttons)

    Does anyone have insight as to how/why this is happening and how to fix it?

    Many thanks and blessings in advance.


    CyberSecurity Analyst at Undisclosed Employer and a happy photographer.

    Wednesday, November 30, 2016 6:28 PM

Answers

All replies

  • Hi,

    Tools>Internet Options>Advanced tab, click "Restore Advanced settings"

    or

    check "Show Pictures" in the Multi-media section....

    or

    General tab of Internet Options>Browsing History section>Settings button.... "Automatically check for new versions of web pages"

    To debug web pages for latency issues (cached resources eg.... button images) go

    f12 to display the dev tool. Select the Networking tab, and click the Start button, then (!important) without closing the dev tool, return to your browser and refresh the page. Once loaded return to the dev tools Networking tab. The resource requests and responses will now be listed...

    On the console tab, any blocked content from ActiveX Filtering or Tracking Protection will be listed.. there will also be a UI indicator for blocked content - on the rhs of the IE Address bar you will see a blue circle icon (with a line through it) when content has been blocked.

    You can also use the Find tool on the DOM Explorer tab, of dev tools to select the Buttons on the web page to inspect them... images may be <img> tags or background css images.

    If possible please include links to any websites you are having problems with.... that way we can visit them to do some tests for more specific answers.

    eg. your site may be using https resources on a http page... IE will block these, other browsers won't.

    Regards.

    Questions regarding Internet Explorer 8, 9 and 10 and Internet Explorer 11 for the IT Pro Audience. Topics covered are: Installation, Deployment, Configuration, Security, Group Policy, Management questions. If you are a consumer looking for answers or to raise a question, it's highly recommended you head on over to http://answers.microsoft.com/en-us

    For questions about html, css and scripting for web site development using MSIE browsers post to

    https://social.msdn.microsoft.com/Forums/ie/en-US/home?forum=iewebdevelopment


    Rob^_^


    Wednesday, November 30, 2016 6:56 PM
  •          

    • Marked as answer by Erik Ritzman Wednesday, November 30, 2016 10:06 PM
    • Edited by Υο Маma Wednesday, May 17, 2017 8:05 PM
    Wednesday, November 30, 2016 7:34 PM
  • Thanks for the Reply Rob; however none of the steps you outlined seemed to work or indicate why this is happening.

    I am thinking it may be something to do with one of the cumulative updates MS has pushed between the two versions of IE 11; but have yet to figure out which one is creating the issue nor any ideas for how to advise my developer to fix the issue. (I can't exactly tell every user they have to "rollback" their IE to view my page).

    I used the Zillow.com Map Icon issue as an example, as our page is not "publicly" available.

    Thanks again with blessings,


    CyberSecurity Analyst at Undisclosed Employer and a happy photographer.

    Wednesday, November 30, 2016 7:39 PM
  • Yo Mama is the WINNER!!  So after much effort, it seems a little known "attribute" in IE is the culprit (which for us was a GPO issue).

    Internet Options >> Security >> Custom Level >> Downloads >> Fonts >> Disable/Enable/Prompt

    Having this attribute set to "Disable" prevents the web-attribute "button" from downloading an "image" for its "font" attribute. Thus, though the button is available, the icon/image that identifies the buttons function [ex: the + sign for zoom-in, or the - sign for zoom-out] is not available and shows up as simply blank.

    Great work guys!! And awesome job Yo Mama for pointing the direction home.

    Blessings,

    Erik


    CyberSecurity Analyst at Undisclosed Employer and a happy photographer.

    • Proposed as answer by Υο Маma Wednesday, November 30, 2016 11:18 PM
    • Unproposed as answer by Υο Маma Wednesday, May 17, 2017 8:05 PM
    Wednesday, November 30, 2016 10:04 PM
  • at last yo can claim some crafted points by reposting answered questions.

    Rob^_^

    Wednesday, November 30, 2016 10:17 PM
  • Glad to hear this issue has been solved. Thanks for sharing, I will introduce this experience to other forum users who face the same condition:)


    Please remember to mark the replies as answers if they help. If you have feedback for TechNet Subscriber Support, contact tnmff@microsoft.com.

    Thursday, December 1, 2016 8:44 AM
    Moderator