https://legacy.forums.gravityhelp.com/topic/form-issues-in-ie7-8 Gravity Support Forums Topic: Form Issues in IE7 & 8 en-US Tue, 21 Apr 2026 03:42:32 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/form-issues-in-ie7-8#post-27491 Fri, 10 Jun 2011 00:01:27 +0000 Kevin Flahaut 27491@https://legacy.forums.gravityhelp.com/ <p>Wonderful. Thanks for the update. I'm happy I could help out. </p> https://legacy.forums.gravityhelp.com/topic/form-issues-in-ie7-8#post-27488 Thu, 09 Jun 2011 21:08:47 +0000 aaronu 27488@https://legacy.forums.gravityhelp.com/ <p>Thanks, Kevin! You fixed it. Turns out that I needed to set the ".maincontent" div width. I wouldn't have figured that one out without your help. I appreciate the quick reply! </p> https://legacy.forums.gravityhelp.com/topic/form-issues-in-ie7-8#post-27354 Wed, 08 Jun 2011 17:28:44 +0000 Kevin Flahaut 27354@https://legacy.forums.gravityhelp.com/ <p>I don't have a machine to test IE right at the moment so will do that asap, but for now I'm seeing a few things in your markup. It appears that your content area may not be defined properly because of a spelling error.</p> <p>You have<br /> <pre><code>&lt;div id=&quot;ontent-fullwidth&quot;&gt;</code></pre> <p>and your class name that defines the width is actually "content-fullwidth" so that may be part of the issue. The form wrapper is set to be at a max percentage width of the available area. IE may not be rendering that the same as the others.</p> <p>Also, I don't see any width defined on the ".maincontent" div. That may also be why IE is rendering it strangely. You may need to define a width for that. Again, not 100% sure but I know that IE is weird about undefined widths, etc.</p> <p>You could always try setting a width on the form wrapper itself.</p> <pre><code>[css] body .gform_wrapper {width:600px}</code></pre> <p>I'm assuming that you've checked your forms in the preview window and they look right there? </p> https://legacy.forums.gravityhelp.com/topic/form-issues-in-ie7-8#post-27343 Wed, 08 Jun 2011 16:27:38 +0000 aaronu 27343@https://legacy.forums.gravityhelp.com/ <p>Sure. This is a dev site, so apologies for the process.</p> <p>Temp access: <a href="http://markmaimon.com?wpjf3_mr_temp_access_key=tm4JwtQmAxnQOZd6L8RN" rel="nofollow">http://markmaimon.com?wpjf3_mr_temp_access_key=tm4JwtQmAxnQOZd6L8RN</a></p> <p>The forms on these two pages have the same problem in IE7 and IE8. No other forms seem to be affected:</p> <p><a href="http://markmaimon.com/apply-now/" rel="nofollow">http://markmaimon.com/apply-now/</a><br /> <a href="http://markmaimon.com/service-evaluation/" rel="nofollow">http://markmaimon.com/service-evaluation/</a></p> <p>Thanks! </p> https://legacy.forums.gravityhelp.com/topic/form-issues-in-ie7-8#post-27340 Wed, 08 Jun 2011 15:34:42 +0000 Kevin Flahaut 27340@https://legacy.forums.gravityhelp.com/ <p>Can you post a URL to your form page so we can check it out? It's difficult to debug just from a screenshot. </p> https://legacy.forums.gravityhelp.com/topic/form-issues-in-ie7-8#post-27329 Wed, 08 Jun 2011 12:28:45 +0000 aaronu 27329@https://legacy.forums.gravityhelp.com/ <p>Hi There,</p> <p>Hoping to get some help on a site I'm developing. The forms appear as expected on most modern browsers, but in IE7 and IE8 the forms look like they are squished to the left side of the page. </p> <p>IE8 Screenshot: <a href="http://www.evernote.com/pub/aaronu/shared#b=c1a9fec3-8472-4017-b80c-53bdcceaee0a&amp;n=1a1db565-a5ea-4f5c-844c-04bacb09cfbe" rel="nofollow">http://www.evernote.com/pub/aaronu/shared#b=c1a9fec3-8472-4017-b80c-53bdcceaee0a&amp;n=1a1db565-a5ea-4f5c-844c-04bacb09cfbe</a></p> <p>I don't have any special CSS for Gravity Forms enabled, and the alignment is currently set to top. Any ideas what I might need to do to get it to display the full width again?</p> <p>Thanks! </p>