Form Ruins Guided Landing Page in IE11 | Community
Skip to main content
Sergio_Azevedo1
Sergio_Azevedo1
Level 2
October 19, 2016
Solved

Form Ruins Guided Landing Page in IE11

  • October 19, 2016
  • 2 replies
  • 5732 views

Has anyone had problems with IE page rendering after throwing a form into a page that uses a guided landing page template?

The page renders perfectly fine without a form, but as soon as I add a form to the page, the formatting goes haywire when viewed in IE. http://ess.csa.canon.com/CSA-Look_Guided-Test.html

I was able to fix this issue in a previous template by removing css from the page and calling to an external file, but that's not helping here. This template was also built in Bootstrap 3 if that matters.

One thing I may try is removing all form styling from the bootstrap css file and see if that does anything? (The previous responsive template I built was coded from scratch.)

Thanks in advance!

S

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Sergio_Azevedo1

FYI - Turns out it had to do with browser emulation on some browsers here . OF COURSE it had to be something silly like that.

2 replies

SanfordWhiteman
SanfordWhiteman
Level 10
October 20, 2016

I assume you've been playing with the styles, but it looks like this for me in IE11: CrossBrowserTesting http://ess.csa.canon.com/CSA-Look_Guided-Test.html

    Sergio_Azevedo1
    Sergio_Azevedo1Author
    Level 2
    October 20, 2016

    Thanks Sanford. I found something interesting when testing last night. It seems that whatever I previously did had no effect on 'fixing' the page, but rather if I clear the browser's cache, the page works fine. For whatever reason this only happens once a form is placed on the page.

    I'm completely stumped on how to fix this and I can't exactly put out pages that need 'please clear your IE cache to view properly' disclaimers on them lol. I can't be the first to have this issue, but I'm not finding any instances out there.

    Anthony_Dykstr1
    Anthony_Dykstr1
    Level 2
    December 5, 2016

    I'm dealing with this exact issue now and it's beyond frustrating. This meta tag is supposed to fix that  <meta http-equiv="X-UA-Compatible" content="IE=edge"> but something about the form loading on the page via the mktoForm element makes IE completely ignore it and I can't figure out why. When you embed the forms in the pages that doesn't happen but then you lose the conversion tracking.

    All of my landing page templates are built with Bootstrap 3 as well.

    SanfordWhiteman
    SanfordWhiteman
    Level 10
    December 6, 2016

    Provide a sample URL.

    Terms & ConditionsAccessibility statement

    Loading footer...