PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Firefox - border around form goes full page width

  1. dansod
    Member

    Hi,

    I have this confirmed on both Windows and Mac using Firefox 11: the left side of the border around my form goes all the way out to the left side of the browser.

    How it should be:
    http://www.bigtime.se/dropbox/ok.jpg

    How it looks on Windows/OSX Firefox 11:
    http://www.bigtime.se/dropbox/windows.jpg
    http://www.bigtime.se/dropbox/osx.jpg

    On all other browsers it looks ok. And strangely enough: all other Gravity Forms on the site looks ok. It's just this one:

    http://nordicgreen.cag.se/fi/sv/kundtjanst/kontakta-oss/

    that screws up.

    Does anyone have an idea what might be wrong? I use a theme called Modernize, but if that was the culprit it ought to break all browsers and all forms, wouldn't it?

    Any help is most appreciated!

    Johan

    Posted 7 years ago on Wednesday September 12, 2012 | Permalink
  2. You have some invalid markup in that page. Every browser interprets invalid markup in a different way, and it's likely some browsers look OK and some look messed up.

    I see some extra markup being added to the Gravity Forms shortcode output. There are extra closing </ p > tags around the closing form tag and div. Here is a snippet of the source:

    [html]
    <input type='hidden' name='gform_field_values' value='' /></div>
    </p></form>
    </p></div>

    Those closing < p > tags should not be present on line 2 and line 3. They are not output by Gravity Forms.

    Looks like Modernize is a Themeforest theme. They typically include the [raw] shortcode in all their themes and that can cause this extra markup to be added to the gravityforms shortcode output. Additional reading: http://www.gravityhelp.com/forums/tags/raw

    The quick fix is to wrap the gravityforms shortcode in the [raw] shortcode. That prevents the Gravity Forms output from being modified. That is not a fix for the problem, just a workaround.

    Posted 7 years ago on Friday September 14, 2012 | Permalink
  3. dansod
    Member

    Hi,

    many thanks for taking the time to help me. I will definitely try this. Fingers crossed... :-)

    Johan

    Posted 7 years ago on Friday September 14, 2012 | Permalink
  4. Please let us know if you need more help.

    Posted 7 years ago on Friday September 14, 2012 | Permalink