Hi, My forms are invisible in IE9 but are visible in Safari.

  • Profile Image
    gorsaf
    Asked on January 19, 2013 at 04:39 PM

    I have tried the standard embed and the iframe method, but both fail. Can you help please?

     

    Thanks.

  • Profile Image
    jonathan
    Answered on January 19, 2013 at 06:47 PM

    Hi,

    When I check your website page on my end using IE9 browser, I could not view the page itself properly

     

    It is possible that there are conflicting scripts within the page -- can we try removing first the form, and let us view the page again as is? We need to establish first if the page itself is working properly before embedding the form.

    Please update us on this.

    Thanks.

  • Profile Image
    gorsaf
    Answered on January 19, 2013 at 07:25 PM

    Jonathan,
    Thanks for your reply. I think I've found a solution that works in all browsers except Opera. 
    I had been trying frustratingly to solve problem. The website's built using Moonfruit and the form is setup as a HTML snippet. Within moonfruit's editor, the snippet 'style' was set to 'automatic scrollbars'. Changing it to 'crop content' has solved the visibility problem. In previous IE versions this wasn't a problem.
    In Opera the form appears at the page bottom, not where it should. Can you help with this or will I have to wait for moonfruit's move to HTML5?
    Thanks.
  • Profile Image
    idarktech
    Answered on January 19, 2013 at 09:03 PM

    @gorsaf

    Glad you've found a fix.

    I think the problem here is within the website editor your are using. Have you tried contacting their support for an assistance? Maybe they can guide you on how to use html snippet properly on opera browsers.

    It seems like the position value on the snippet iframe is different from opera. Other browser's uses position:absolute; while opera is position:static; this seems to the the reason why. Try declaring this CSS on the HTML Snippet or try editing the page and add this CSS on it.

    #snippet_4525315828_0{

    left: 210px !important;

    top: 157px !important;

    position: absolute !important; 

    }

    See if this helps. Thanks!