Form in IE is too far down the page

  • sembhi
    Asked on October 23, 2014 at 2: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.

  • KadeJM
    Replied on October 23, 2014 at 3: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? 

    Form in IE is too far down the page Image 1 Screenshot 20

  • sembhi
    Replied 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.

     

    Form in IE is too far down the page Image 1 Screenshot 20

  • sembhi
    Replied 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.

  • sembhi
    Replied 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.

     

     

  • jonathan
    Replied on October 24, 2014 at 5: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.