Fields overlapping in Chrome

  • Profile Image
    fourleaf
    Asked on October 12, 2011 at 05:49 PM

    I'm running IE9 and also Google Chrome (Ver. 14.0.835.202 m)

    Everything looks fine in IE9, but all my fields overlap in Google Chrome.  I don't have any shrunken fields.  I am using conditions to show fields.

    http://form.jotform.com/form/12764410189 is the page and form I'm having a problem with.

     

    Thanks in advance for any help.

     

  • Profile Image
    yasinco
    Answered on October 12, 2011 at 06:02 PM

    It's fine now I think you edited it.

    ~Yasin 

  • Profile Image
    abajan
    Answered on October 12, 2011 at 06:04 PM

    @fourleaf Are you okay with this solution or did you want to have a separate number field?

  • Profile Image
    fourleaf
    Answered on October 12, 2011 at 06:19 PM

    No it isn't working.  When you pick a state the 3rd field overlaps on top of the 1st field.  Looks fine in IE.

     

     

  • Profile Image
    fourleaf
    Answered on October 12, 2011 at 06:24 PM

    Sorry - should have specified that it happens when you pick the 2nd drop down.

  • Profile Image
    fxr
    Answered on October 12, 2011 at 07:44 PM

    hi fourleaf.

    Its really odd seeing a form 'break' in Chrome but work great in IE, so congratulations on that!

    Anyways. 

    Try putting .form-line {display: block;} into Inject Custom Css in Preferences -> Form Styles

    e.g

     

    It seems to have fixed it on my cloned version of your form, but we wont know for certain until you try it. Let me know.

  • Profile Image
    fourleaf
    Answered on October 12, 2011 at 08:22 PM

    Perfect.  That worked on my end and all appears the same in both IE and Chrome.  Thanks for the answer!