https://legacy.forums.gravityhelp.com/topic/input-width-probelm-in-ie7 Gravity Support Forums Topic: input width probelm in IE7 en-US Thu, 09 Apr 2026 14:41:51 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/input-width-probelm-in-ie7#post-25607 Mon, 16 May 2011 12:21:44 +0000 Kevin Flahaut 25607@https://legacy.forums.gravityhelp.com/ <p>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. </p> https://legacy.forums.gravityhelp.com/topic/input-width-probelm-in-ie7#post-25577 Mon, 16 May 2011 09:17:17 +0000 caroig 25577@https://legacy.forums.gravityhelp.com/ <p>Strangely it's not the width auto, it's the overflow: visible; style that gives the problem!! </p> https://legacy.forums.gravityhelp.com/topic/input-width-probelm-in-ie7#post-25575 Mon, 16 May 2011 08:42:15 +0000 caroig 25575@https://legacy.forums.gravityhelp.com/ <p>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.</p> <p>Many thanks, you've saved me from a nasty hack!! </p> https://legacy.forums.gravityhelp.com/topic/input-width-probelm-in-ie7#post-25574 Mon, 16 May 2011 08:30:07 +0000 Kevin Flahaut 25574@https://legacy.forums.gravityhelp.com/ <p>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.</p> <p>You'll find it on line 61 of your style.css file </p> <pre><code>[css] /* Forms */ button, input, select, textarea { width: auto; overflow: visible; margin: 0; font-family: sans-serif; font-size: 1em; }</code></pre> <p>IE 7 screenshot: <a href="http://grab.by/a8JN" rel="nofollow">http://grab.by/a8JN</a> </p> https://legacy.forums.gravityhelp.com/topic/input-width-probelm-in-ie7#post-25573 Mon, 16 May 2011 08:11:48 +0000 Kevin Flahaut 25573@https://legacy.forums.gravityhelp.com/ <p>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.</p> <p>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?</p> <p>I'll look a little further and let you know what I find. </p> https://legacy.forums.gravityhelp.com/topic/input-width-probelm-in-ie7#post-25559 Sun, 15 May 2011 15:31:36 +0000 caroig 25559@https://legacy.forums.gravityhelp.com/ <p>Hi,<br /> 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.<br /> I realise I can explicity set the width on the inputs, but it bugs me that I need to.<br /> Any advice gratefully received.</p> <p>You can see the problem on the test site:-</p> <p><a href="http://esc.labestiadelolvido.com/nepage/#siapuntame" rel="nofollow">http://esc.labestiadelolvido.com/nepage/#siapuntame</a> </p>