A wide gap when browsing in Google Chrome - Need Help

  • Profile Image
    Asked on August 18, 2011 at 09:06 PM

    Left side is what I'm seeing in Internet Explorer. Right side is Chrome. How can I fix this gap in Chrome? 


    Even so once Chrome gets to be as good as Explorer, is it possible to shrink the space above and below the form? it appears to have about 15 pixels on top and bottom, but Id' love to have 5pxs instead :)

  • Profile Image
    Answered on August 19, 2011 at 09:28 AM


  • Profile Image
    Answered on August 19, 2011 at 05:51 PM

    Hi, may I ask what software are you using to manage your website? And which embed code did you use?

    I see that you're trying to put the form in a tight space, so you might want to inject a custom css to decrase the default padding that is given before the form. To do that, go to Form Builder > Preferences > Form Styles  and type the css below into the inject css box:

    .form-all { padding-top:10px; }


    About the issue, there seems to be a problem with the height property of the iframe that contains the form. 

    Chrome is really the strangest here. It is totally unable to render the height property on the iframe, therefore taking as much space as it needs. I'm not sure why this happens but can you check if there is a syntax error where the height for it is specified?

    Firefox doesn't render it correctly as well. Firefox shows that you have given 20pxs of height to the iframe which is too small for the form to be displayed. I think this is related with previous one as well, so let's try to solve that first, but just to be safe try a bigger amount if that's not an error and you have written it.