Footer loading in middle of page in IE

  • Profile Image
    sharpcrayon
    Asked 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.

  • Profile Image
    allanftd
    Answered 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
    allanftd
    Answered 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
    masspa
    Answered on April 21, 2011 at 06:22 PM
  • Profile Image
    masspa
    Answered 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
    masspa
    Answered 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!