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

    Why my form looks different in each browser

    Asked by reelance on April 04, 2014 at 09:38 PM

    Hi, this is my form http://www.jotform.com//?formID=40938584049869

    But every time o try it with diferent browser it looks diferent, the only one that works good with its safari

    different JotForm www
  • Profile Image
    JotForm Support

    Answered by BDAVID on April 04, 2014 at 10:28 PM

    Hi, I just check the form in Chrome, Firefox, and IE:

    IE:

    Firefox:

    They look the same as in the builder:

    What is the difference you see on your form? You may tried clearing your browser´s cache. Let us know what happens.

  • Profile Image

    Answered by reelance on April 05, 2014 at 02:39 AM

    Hi, you can see in firefox that the submit button is not in the center, it appears in the right side of the form.

  • Profile Image
    JotForm Support

    Answered by jonathan on April 05, 2014 at 09:42 AM

    Hi,

    I see what you meant

    (click image to enlarge)

     

    However, I also found out that there were injected CSS code on the form.

     

     

    For such a small simple form, I do not understand why such a lot of CSS code injected to it.

    So, I cloned the form and test a version of it without all the CSS code.

    I added my own CSS code to make a bit of adjustment in particular to the position of the submit button. It is given that all different browsers do have its own different method of reading a web page stylesheets.

    This is my test form http://form.jotform.me/form/40943418355457?

    These are the CSS codes I used 

      /* Injected CSS Code */

    .form-textbox{width:135px;}

    .form-submit-button {margin-left:12px !important;}

        /* Injected CSS Code */

     

    This is how it looks in my FF browser

     

    If my version of the form matches your requirements, you can just used the CSS code I used. You can also easily control the position of the submit button by adjusting the margin-left number.

    Hope this help. Inform us if you need further assistance.

    Thanks!