https://legacy.forums.gravityhelp.com/topic/form-displaying-incorrectly-in-ie7 Gravity Support Forums Topic: Form displaying incorrectly in IE7 en-US Tue, 21 Apr 2026 17:49:18 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/form-displaying-incorrectly-in-ie7#post-37460 Mon, 10 Oct 2011 12:31:33 +0000 David Smith 37460@https://legacy.forums.gravityhelp.com/ <p>Hi Circus,</p> <p>Short story is there are some styles that IE7 just doesn't like. A few things to try are ditching the 420px width the input is inheriting and floating the .gform_body left for this class. If you aren't already, go ahead and launch the IE dev tools (press F12 while using IE) and you can walk through the styles that each element is inheriting and view the HTML structure. </p> https://legacy.forums.gravityhelp.com/topic/form-displaying-incorrectly-in-ie7#post-37274 Thu, 06 Oct 2011 19:08:14 +0000 circus 37274@https://legacy.forums.gravityhelp.com/ <p>Hey, thanks for picking that up.</p> <p>Have added a clearfix class to the container div which has sorted that...but now the submit button isn't floating as it should (and the entry filed is waaay too wide). See a modern browser to view it as it should be. </p> <p>Thanks for helping me along. </p> <p>Ab </p> https://legacy.forums.gravityhelp.com/topic/form-displaying-incorrectly-in-ie7#post-37270 Thu, 06 Oct 2011 18:47:44 +0000 David Smith 37270@https://legacy.forums.gravityhelp.com/ <p>Hi Circus,</p> <p>In IE7 there appears to be an issue with this CSS:</p> <pre><code>[css] body #gform_wrapper_2 { background-color: transparent; background-image: none; margin-top: 0; padding: 0; }</code></pre> <p>I found that by disabling background related styles in this declaration, the background of the parent div showed correctly. </p> https://legacy.forums.gravityhelp.com/topic/form-displaying-incorrectly-in-ie7#post-37255 Thu, 06 Oct 2011 17:12:05 +0000 circus 37255@https://legacy.forums.gravityhelp.com/ <p>Hi there,</p> <p>Please see the small from at the bottom of the sidebar at <a href="http://www.bloodredink.com" rel="nofollow">http://www.bloodredink.com</a></p> <p>You helped me with some formatting issues the other day.</p> <p>I'm baffled however by how this displays in IE7...all you can see is the submit button. The red background box just isn't there, and I have no idea what is going on?</p> <p>Any help REALLY appreciated. </p> <p>Many thanks, Ab </p>