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

    Page loads over form then repairs itself?

    Asked by NickWojo531 on November 30, 2012 at 09:52 PM

    When I click to a page with the form, the footer loads over the form, then moves back to its proper position. Is this expected or is there a small problem?

    Screenshot
  • Profile Image
    JotForm Support

    Answered by abajan on November 30, 2012 at 10:05 PM

    Hi

    We'd like to have a look at the page where this is happening.

    Thanks.

  • Profile Image

    Answered by NickWojo531 on November 30, 2012 at 10:07 PM

    I don't know if you can, the site isn't online yet. I'm still working on it.

  • Profile Image
    JotForm Support

    Answered by idarktech on November 30, 2012 at 10:12 PM

    We would appreciate if you could provide a test page for us to check your page source code and so we can provide you an appropriate solution.

    Thanks!

  • Profile Image

    Answered by NickWojo531 on November 30, 2012 at 10:15 PM

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html>

    <head>

    <link rel="stylesheet" type="text/css" target="_blank" href="CSS/nav.css" />

    <link rel="stylesheet" type="text/css" target="_blank" href="CSS/contact.css" />

    <link rel="stylesheet" type="text/css" target="_blank" href="CSS/style.css" />

    <title>Re-Op Contact</title>

    </head>

    <body>

    <div id="wrapper">

    <div id="header"><!-- Start #header -->

    <div id="logo"><!-- Start #logo -->

    <img src="Images/banner.jpg" id="logo_img"/>

    <img src="Images/southbridge.gif" id="southbridge"/>

    </div><!-- End #logo -->

    <div id="nav"><!-- Start #nav -->

    <ul id="navigation">

    <li><a target="_blank" href="index.html">Home</a></li>

    <li><a target="_blank" href="about.html">About</a></li>

    <li><a target="_blank" href="products.html">Products</a></li>

    <li><a target="_blank" href="contact.html">Contact</a></li>

    </ul>

    </div><!-- End #nav -->

    </div><!-- End #header -->

     

    <div id="content">

    <div id="form">

    <script type="text/javascript" src="//form.jotform.us/jsform/23348343402144"></script><!-- Form -->

    </div>

    </div><!-- End #content -->

    <div id="footer">

    </div><!-- End #footer -->

    </div><!-- End #wrapper -->

    </body>

    </html>

  • Profile Image

    Answered by NickWojo531 on November 30, 2012 at 10:15 PM

    and if it makes a difference, I'm using Google Chrome.

  • Profile Image
    JotForm Support

    Answered by idarktech on November 30, 2012 at 10:22 PM

    Sorry to say but the code you've provided here isn't helping at all. What we need is a live page where we can view the page full style and the problem itself. :) Anyway, try re-embedding your form using iframe embed code first, this might help. Here's How to get your Form's Iframe Code.

    Let us know if this doesn't work for you so we can help you further. Thanks!

  • Profile Image
    JotForm Support

    Answered by abajan on December 01, 2012 at 04:04 AM

    @NickWojo531

    Substituting the iFrame embed code usually resolves all kinds of issues. However, if it doesn't in this case, please provide the following codes, either posting them directly in your reply or via a link to a pastebin like Pastie.org:

    1. nav.css
    2. contact.css
    3. style.css

    Also, upload banner.jpg and southbridge.gif to our image repository or a file sharing service of your choice and provide their URLs.

    Incidentally, in the code you posted, I notice that there's no space before the slash in both image tags. Inserting the spaces might help to fix things.