What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Footer loading in middle of page in IE

    Asked by sharpcrayon on April 21, 2011 at 05:07 PM

    A similar problem was discussed here, but without resolution.

    I have two jotforms on my Joomla 1.5 website and occassionaly, with no pattern I can find, on those pages the footer loads in the middle of the page and stays there. This is happening in IE7, 8, and 9. Once a page is reloaded everything loads correctly. My guess is that on the initial page load the footer module finishes loading before the form, and so loads where it would were the form not there, and then on reload the form data is in the cache and so loads faster than the footer. However, when I clear the cache and then load the page, this doesn't reliably happen, so...I'm stumped. And stumped about how to fix it too.

    These are the pages it is happening on, here and here.

    Page URL:
    http://www.inquisit.us/MAPA/about-mapa/contact-us

    Screenshot
  • Profile Image

    Answered by allanftd on April 21, 2011 at 06:07 PM

    Hi sharpcrayon,

    Thank you for posting your concern here. If you haven't done it yet, please try to use the Iframe embed code like the one below instead of the one you're using now in your website:

    <iframe allowtransparency="true" src="//www.jotform.com/form/11100548153" frameborder="0" style="width:100%; height:478px; border:none;" scrolling="no">

    </iframe>

    You can adjust the height (highlighted in green) to your desired number in pixels.

    By using the iframe embed code, your website's CSS elements will not interfere with that of your JotForm form.

    Please let us know how it goes. Thank you for using JotForm!

    JOTFORM SUPPORT

  • Profile Image

    Answered by allanftd on April 21, 2011 at 06:08 PM

    Hi sharpcrayon,

    Thank you for posting your concern here. If you haven't done it yet, please try to use the Iframe embed code like the one below instead of the one you're using now in your website:

    <iframe allowtransparency="true" src="//www.jotform.com/form/11100548153" frameborder="0" style="width:100%; height:478px; border:none;" scrolling="no">

    </iframe>

    You can adjust the height (highlighted in green) to your desired number in pixels.

    By using the iframe embed code, your website's CSS elements will not interfere with that of your JotForm form.

    Please let us know how it goes. Thank you for using JotForm!

    JOTFORM SUPPORT

  • Profile Image

    Answered by masspa on April 21, 2011 at 06:22 PM
  • Profile Image

    Answered by masspa on April 21, 2011 at 06:23 PM

    Oh, great idea! I was having trouble embedding an iframe in my Joomla site (unrelated side issue), but took the simple idea to set a predetermined height for the object. So I put the script code for the form in a div and set a style height for that. Seems to have worked...but of course, that's hard to tell with an issue that only appears sometimes. Thanks!!

     

    -sharpcrayon

  • Profile Image

    Answered by masspa on April 21, 2011 at 06:42 PM

    Note: the div/height method does not work with my second form, which has variable height. I'm guessing the iframe method has the same problem but can't varify that because I can't get that to work with Joomla. In any case, unless anyone can think of anything else, I'm just going to set the max height of the form as the div style height specifically for IE because, well, IE is not worth the time. Your suggestion worked on my fixed-height form though, so thank you still for that!