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.

input width probelm in IE7

  1. caroig
    Member

    Hi,
    I'm running some xbrowser tests on a site and in IE7 all input boxes on my GF forms have no width applied. In all other browsers I've tested, even that old dog IE6, work fine. I've not modfied the CSS generated by GF and I can't see that my css is overiding the width settings.
    I realise I can explicity set the width on the inputs, but it bugs me that I need to.
    Any advice gratefully received.

    You can see the problem on the test site:-

    http://esc.labestiadelolvido.com/nepage/#siapuntame

    Posted 13 years ago on Sunday May 15, 2011 | Permalink
  2. This appears to be a theme-related issue. Other forms work/display properly in IE7. There is a width being applied to the inputs, but it's a percentage value and it looks like a width or another property on some containing structural element may be to blame.

    Have you tried viewing the form preview page in IE7? If so, does it render properly? Also, have you tried switching to the default theme to test?

    I'll look a little further and let you know what I find.

    Posted 13 years ago on Monday May 16, 2011 | Permalink
  3. Okay, found it. There is a rule in your theme's style.css file that sets "width:auto" on ALL form inputs. If you disable that, the inputs display at the proper width.

    You'll find it on line 61 of your style.css file

    [css]
    /* Forms */
    button, input, select, textarea { width: auto; overflow: visible; margin: 0; font-family: sans-serif; font-size: 1em; }

    IE 7 screenshot: http://grab.by/a8JN

    Posted 13 years ago on Monday May 16, 2011 | Permalink
  4. caroig
    Member

    I'd not spotted that. Because of the perverse way I've setup this site, I can't swap themes and check the results, but I should have thought of the preview.

    Many thanks, you've saved me from a nasty hack!!

    Posted 13 years ago on Monday May 16, 2011 | Permalink
  5. caroig
    Member

    Strangely it's not the width auto, it's the overflow: visible; style that gives the problem!!

    Posted 13 years ago on Monday May 16, 2011 | Permalink
  6. Odd, when I toggled the width:auto property off that corrected the issue. Well, at least we know which rule is causing the issue. Thanks.

    Posted 13 years ago on Monday May 16, 2011 | Permalink

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