https://legacy.forums.gravityhelp.com/topic/gravity-forms-displaying-improperly-on-ie-7 Gravity Support Forums Topic: Gravity forms displaying improperly on IE 7 en-US Mon, 20 Apr 2026 13:02:18 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/gravity-forms-displaying-improperly-on-ie-7#post-8399 Tue, 10 Aug 2010 19:49:50 +0000 gail 8399@https://legacy.forums.gravityhelp.com/ <p>Thank you!!! That fixed it! I forwarded this post along to Woo Themes as well. </p> https://legacy.forums.gravityhelp.com/topic/gravity-forms-displaying-improperly-on-ie-7#post-8304 Fri, 06 Aug 2010 16:53:55 +0000 Kevin Flahaut 8304@https://legacy.forums.gravityhelp.com/ <p>Hi,</p> <p>There's a lot going on in your theme, at least 14 different CSS files and several scripts being loaded. There are a lot of potential points of conflict that could cause your issue.</p> <p>That said, after toggling different items on and off in my browser, I found that in your theme's style.css file on line 408 there is a "float:left;" rule applied to the labels. Thats the source of your display issue. You may have overridden that somehow in another stylesheet for the newer browsers.. not really sure why you only see it in IE7.</p> <pre><code>/* 5.4 Gravity Forms */ .gfield { margin-bottom: 10px; } .gform_wrapper .top_label .gfield_label { display:block;float:left; padding-right:20px; width: 100px; margin: 5px 0px 4px !important; }</code></pre> <p>You should be able to remove the float rule and be good to go. Just a note, this is a custom style for Gravity Forms added by the theme author (Woothemes) and not an issue with the default Gravity Forms styles. Woothemes recently added theme-specific styling to their themes as a time saver for those clients who use Gravity Forms. You can find out more about that via the link below.</p> <p><a href="http://www.woothemes.com/2010/06/woothemes-gravity-forms/" rel="nofollow">http://www.woothemes.com/2010/06/woothemes-gravity-forms/</a> </p> https://legacy.forums.gravityhelp.com/topic/gravity-forms-displaying-improperly-on-ie-7#post-8291 Fri, 06 Aug 2010 14:46:41 +0000 gail 8291@https://legacy.forums.gravityhelp.com/ <p>When I look at my form in IE8, and Firefox, the boxes are nicely centered beneath my text. But when I view my form in IE7, the entire form looks different and 4 of my boxes are kicked to the right of my text. 3 of them are completely cut off and customers cannot click on these boxes.</p> <p>Please look at <a href="http://www.latisse.md/latisse/orderlatisse/" rel="nofollow">http://www.latisse.md/latisse/orderlatisse/</a> in IE7. Scroll down on the page until you see "Are you pregnant, breast feeding or planning to get pregnant while taking this medication?" from there you can see that the check boxes for the next 3 fields are completely cut off.</p> <p>Please help!!!!!!! </p>