firefox misallignment

  • Profile Image
    alvincosio
    Asked on June 11, 2013 at 05:25 PM

    Hi,

    when i viewing my form in firefox it display incorrect. misalign one textbox. but when i view it in safari, ie, chrome it works fine. i upload the firefox view

     

    thanks,

  • Profile Image
    pinoytech
    Answered on June 11, 2013 at 08:25 PM

    Hi,

    Sorry for the inconvenience that may have caused. Can you please provide us your website URL where your form embedded for further assistance?

    Thank you!

  • Profile Image
    alvincosio
    Answered on June 12, 2013 at 10:06 AM

    http://sit.moonfruit.com/contact/4577056164

     

    that is the url

     

    Thanks

  • Profile Image
    khrisell
    Answered on June 12, 2013 at 10:32 AM

     

     I would suggest to re-embed your form using iframe embed code. This should help fixed this issue. Getting the Form iFrame Code
  • Profile Image
    alvincosio
    Answered on June 12, 2013 at 10:39 AM

    Hi,

    I tried to re-embed the form using iframe, but the same result. there still the firefox misalignment.

  • Profile Image
    jefreylandicho
    Answered on June 12, 2013 at 10:52 AM

    The caused of the misalignment is probably because of the width is not equalized for each field. Browser tends to work differently in accepting width:auto element causing this to happen. Please try adding the CSS code below in your form styles to add a fixed width for each form line column and see if it resolves the issue.

    .form-line-column { width:400px; }  

    or 

    .form-line-column { width:400px !important; }

    To add the CSS code in your form go to Setup and Embed> Preferences Icon then click the Form styles tab and add the CSS code in the text area.

    If the issue still persist, please contact us again.

  • Profile Image
    alvincosio
    Answered on June 12, 2013 at 10:56 AM

    wow. it works. thank you very much. i appreciate it.

     

    :D