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.

Form weirdness: IE 7 pulls in "none" from css + checkbox alignment issues

  1. First thing: I've tried the new css file, but my check boxes and radio buttons are still out of whack. All boxes/buttons remain on a single line, overprinting each other.

    Second: THE MOST WEIRD OF ALL: In IE 7, on all my forms, the word "none" appears everywhere, obviously pulled in from the css file, which is the only place this word resides on the forms. View these forms in IE 7, and as soon as the page/form is done loading, watch for the words to appear. Bizarre. I suspect a javascript issue, but that's just a guess. Any ideas? Here are a couple of the forms:

    http://giefc.org/other/formsapplications/church-membership/
    http://giefc.org/other/formsapplications/mission-team-application/

    THANKS!

    Posted 11 years ago on Wednesday September 15, 2010 | Permalink
  2. To clarify: the checkbox css weirdness is only in IE, 8 & 7.

    Posted 11 years ago on Wednesday September 15, 2010 | Permalink
  3. checking it out. Will let you know what I find.

    Posted 11 years ago on Wednesday September 15, 2010 | Permalink
  4. The "none" that you're seeing in IE7 is not CSS related or a Gravity Forms issue. It's being written to the page by the script you've included for IE only.

    <!--[if IE]>
    <script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
    <![endif]-->

    When I removed that, it fixed the issue with the strange text in the select field in IE7 and also the check box formatting on the IE8 form.

    My tests:

    live site - IE 8 - with the "ie7-js" script enabled - screenshot

    my test - IE 8 - with the "ie7-js" script removed - screenshot

    select fields - IE 7 - with the "ie7-js" script removed - screenshot

    It looks like there is still some CSS inheritance problem from your theme in IE7 in regards to the checkboxes and radio buttons. I didn't have much luck tracking that down so far. I would look at your theme for any IE specific styles, and focus on rules for the label and input elements.

    The default forms CSS works fine in IE7. You can see an example of a the default styles in the default WordPress "twenty ten" theme below.

    radio/checkbox fields - "twenty ten" default theme with default Gravity Forms styles - screenshot

    Posted 11 years ago on Wednesday September 15, 2010 | Permalink
  5. Thanks a bunch. There's obviously something odd about this Wordpress theme, as I've used Gravity Forms on at least 10 other sites and have never had similar problems before.

    Thanks for the great support on a great plugin!

    Posted 11 years ago on Wednesday September 15, 2010 | Permalink
  6. Tried turning off "output to HTML 5", I did it and it worked.

    Posted 10 years ago on Wednesday January 19, 2011 | Permalink

This topic has been resolved and has been closed to new replies.