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:-
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.
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
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.