Form in IE is too far down the page

  • Profile Image
    sembhi
    Asked on October 23, 2014 at 02:53 PM
    However in IE it is too far down the page, it looks odd.

    Please can you advise, I have added

    .form-all {

    margin-top: 0 !important;

    }

    also tried padding-top but it makes no difference.

  • Profile Image
    KadeJM
    Answered on October 23, 2014 at 03:02 PM

    You mentioned that your jotform is too far down the page in IE. 

    However, when I inspected it and compared it with Chrome and Firefox on my end I see it appears to be a small gap at the top in between your site menu bar and the form itself.

    Is that perhaps what you meant and you wanted to remove that small gap? 

  • Profile Image
    sembhi
    Answered on October 23, 2014 at 11:22 PM

    Hi

    I do not see only that tiny gap, in IE 11 the gap is much bigger forcing the form too far down.

     

  • Profile Image
    sembhi
    Answered on October 24, 2014 at 12:21 AM

    I added the margin top directly in jotform as opposed to directly editing the source code on the site and for some reason it appears to have fixed the top spacing, strange.

    However in FF the first 4 input fields look different widths even though they are all set at 300.

  • Profile Image
    sembhi
    Answered on October 24, 2014 at 12:30 AM

    UPDATE:

    I changed

    .form-textfield {
        max-width : 300px !important;
    }

    to

    input[type="text"], textarea {

    width: 300px;

    }

    And that fixed the problem.

     

    Thank you for all your help.

     

     

  • Profile Image
    jonathan
    Answered on October 24, 2014 at 05:34 AM

    Hi,

    Thank you for taking the time to update us. We are glad to know that all is good.

    Contact us again anytime should you need our assistance.

    Thanks.