https://legacy.forums.gravityhelp.com/topic/in-internet-explorer-fields-arent-aligned-properly Gravity Support Forums Topic: In internet explorer, fields aren't aligned properly en-US Sat, 04 Apr 2026 12:09:57 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/in-internet-explorer-fields-arent-aligned-properly#post-71000 Tue, 14 Aug 2012 11:35:21 +0000 Rob Harrell 71000@https://legacy.forums.gravityhelp.com/ <p>If you were running IE9 in compatibility mode, that would be IE7. You would need to activate the developer tools in IE and manually switch between each version, without compatibility mode turned on. If this problem was affecting 8/9, that above snippet would not work because those forms would wrap with .gf_browser_ie8 and .gf_browser_ie9.</p> <p>At any rate, glad that fixed it for you. </p> https://legacy.forums.gravityhelp.com/topic/in-internet-explorer-fields-arent-aligned-properly#post-70991 Tue, 14 Aug 2012 11:00:30 +0000 jphogan 70991@https://legacy.forums.gravityhelp.com/ <p>Thanks! That worked perfectly. For me it was happening in 7, 8 and 9. This piece of code fixed it in all 3. It's a browser I'd love to ignore, but 70%+ of our visitors are using 7 &amp; 8 :(</p> <p>Thanks again </p> https://legacy.forums.gravityhelp.com/topic/in-internet-explorer-fields-arent-aligned-properly#post-70978 Tue, 14 Aug 2012 08:14:57 +0000 Rob Harrell 70978@https://legacy.forums.gravityhelp.com/ <p>This is actually fine in IE8/9. It only appears this way in IE7. This isn't something I'll be able to troubleshoot for you blindly because of IE's crappy dev tools. However, you are more than welcome to target that field using our browser specific class that gets output. For example (and this might work), you could try:</p> <pre><code>[css] .gf_browser_ie7 li#field_12_4 { margin-top: 20px; }</code></pre> https://legacy.forums.gravityhelp.com/topic/in-internet-explorer-fields-arent-aligned-properly#post-70896 Mon, 13 Aug 2012 15:51:45 +0000 jphogan 70896@https://legacy.forums.gravityhelp.com/ <p>See this page: <a href="http://iamsinc.com/blog/vsa/" rel="nofollow">http://iamsinc.com/blog/vsa/</a></p> <p>When the form is viewed in FF or Chrome, everything looks as it should. When it is viewed in IE8 or IE9 (and presumably, IE7) the last field is slightly higher. (see here: <a href="http://imgur.com/FIoR0" rel="nofollow">http://imgur.com/FIoR0</a> ) Additionally, there is much more space between the last line of fields and the submit button. Any idea what causes this or how it can be fixed/avoided? </p> <p>Thanks! </p>