PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

In internet explorer, fields aren't aligned properly

  1. See this page:

    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: ) 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?


    Posted 10 years ago on Monday August 13, 2012 | Permalink
  2. 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:

    .gf_browser_ie7 li#field_12_4 {
    margin-top: 20px;
    Posted 10 years ago on Tuesday August 14, 2012 | Permalink
  3. 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 & 8 :(

    Thanks again

    Posted 10 years ago on Tuesday August 14, 2012 | Permalink
  4. 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.

    At any rate, glad that fixed it for you.

    Posted 10 years ago on Tuesday August 14, 2012 | Permalink

This topic has been resolved and has been closed to new replies.