https://legacy.forums.gravityhelp.com/topic/form-weirdness-ie-7-pulls-in-none-from-css-checkbox-alignment-issues Gravity Support Forums Topic: Form weirdness: IE 7 pulls in "none" from css + checkbox alignment issues en-US Mon, 20 Apr 2026 22:21:24 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/form-weirdness-ie-7-pulls-in-none-from-css-checkbox-alignment-issues#post-16598 Wed, 19 Jan 2011 13:01:36 +0000 phokhong 16598@https://legacy.forums.gravityhelp.com/ <p>Tried turning off "output to HTML 5", I did it and it worked. </p> https://legacy.forums.gravityhelp.com/topic/form-weirdness-ie-7-pulls-in-none-from-css-checkbox-alignment-issues#post-9928 Wed, 15 Sep 2010 16:21:23 +0000 roodude 9928@https://legacy.forums.gravityhelp.com/ <p>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.</p> <p>Thanks for the great support on a great plugin! </p> https://legacy.forums.gravityhelp.com/topic/form-weirdness-ie-7-pulls-in-none-from-css-checkbox-alignment-issues#post-9926 Wed, 15 Sep 2010 15:23:04 +0000 Kevin Flahaut 9926@https://legacy.forums.gravityhelp.com/ <p>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.</p> <pre><code>&lt;!--[if IE]&gt; &lt;script src=&quot;http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt; &lt;![endif]--&gt;</code></pre> <p>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.</p> <p>My tests:</p> <p>live site - IE 8 - with the "ie7-js" script enabled - <a href="http://grab.by/grabs/974f3eef3c23084efddfb57061c1a9f8.png" rel="nofollow">screenshot</a></p> <p>my test - IE 8 - with the "ie7-js" script removed - <a href="http://grab.by/grabs/6ef5248a54467d7bf01564b97849472f.png" rel="nofollow">screenshot</a></p> <p>select fields - IE 7 - with the "ie7-js" script removed - <a href="http://dl.dropbox.com/u/688846/gravityhelp/church_ie7_2.jpg" rel="nofollow">screenshot</a></p> <p>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.</p> <p>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.</p> <p>radio/checkbox fields - "twenty ten" default theme with default Gravity Forms styles - <a href="http://dl.dropbox.com/u/688846/gravityhelp/default_ie7_1.jpg" rel="nofollow">screenshot</a> </p> https://legacy.forums.gravityhelp.com/topic/form-weirdness-ie-7-pulls-in-none-from-css-checkbox-alignment-issues#post-9925 Wed, 15 Sep 2010 14:14:36 +0000 Kevin Flahaut 9925@https://legacy.forums.gravityhelp.com/ <p>checking it out. Will let you know what I find. </p> https://legacy.forums.gravityhelp.com/topic/form-weirdness-ie-7-pulls-in-none-from-css-checkbox-alignment-issues#post-9917 Wed, 15 Sep 2010 13:06:26 +0000 roodude 9917@https://legacy.forums.gravityhelp.com/ <p>To clarify: the checkbox css weirdness is only in IE, 8 &amp; 7. </p> https://legacy.forums.gravityhelp.com/topic/form-weirdness-ie-7-pulls-in-none-from-css-checkbox-alignment-issues#post-9914 Wed, 15 Sep 2010 12:05:22 +0000 roodude 9914@https://legacy.forums.gravityhelp.com/ <p>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.</p> <p>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:</p> <p><a href="http://giefc.org/other/formsapplications/church-membership/" rel="nofollow">http://giefc.org/other/formsapplications/church-membership/</a><br /> <a href="http://giefc.org/other/formsapplications/mission-team-application/" rel="nofollow">http://giefc.org/other/formsapplications/mission-team-application/</a></p> <p>THANKS! </p>