Form Stylng Issues with Internet Explorer

Gravity Support Forums » Plugin Support » Gravity Forms

beadams
Member

I've been using Gravity forms and love the plugin.

Recently upgraded my theme to Weaver II Pro. My GF styling now shows several issues only in IE. All other browsers work fine (Firefox, Chrome, Safari).

You can view the form here.
http://www.ipnobenessere.com/contatto-2/

The elements causing issues:
Text input box - left alignment
radio button wrong images and not 2 columns
Captcha width truncated

These elements are making use of the Gravity Forms pre-done styles, no special CSS.

Help would be appreciated.
Brian

Posted 12 years ago on Thursday May 10, 2012 | Permalink
beadams
Member

I forgot to mention.
I'm using the latest GF 1.6.4.2.1

I tested the form as a PREVIEW and it came out fine.

Thanks,
Brian

Posted 12 years ago on Thursday May 10, 2012 | Permalink
Kevin Flahaut
Administrator

Well, if it's good in preview then it's not a Gravity Forms issue.. it's definitely a theme-related problem. We'll take a look and see if we can offer any pointers.

Posted 12 years ago on Thursday May 10, 2012 | Permalink
Kevin Flahaut
Administrator
Well, the form looks okay to me in IE9 and IE8. I do see some inconsitencies in IE7 but we're not supporting IE7 any longer, only the current stable release of each browser and one major release version back.

You can target IE7 specifically using inheritance from the browser class on the form wrapper if you want to try to create specific rules for that browser.. something like this example.
```
[css]
body .gf_browser_ie.gf_browser_ie7.gform_wrapper ul.gform_fields li.gfield label {
     color: #F00
}
```
That should get you started. Hope it helps.
Posted 12 years ago on Thursday May 10, 2012 | Permalink

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