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.

IE 7-8 CSS all messed up

  1. I am using the stock GF CSS and am having big issues with this form in IE 7-8

    http://hersheyfree.com/2010/10/confidence-conference/

    I am using the Beta version of the paypal add on.

    Please Help!

    Posted 11 years ago on Wednesday December 1, 2010 | Permalink
  2. I've looked at your form in both browsers and see some spacing/margin discrepancies with the radio buttons but not what I would call "all messed up". Most likely, this is theme related and nothing to do with the form CSS.

    Do the forms format properly in the preview window? If so, then it's the theme.

    I'll look at little closer and see if I can offer some guidance.

    Posted 11 years ago on Wednesday December 1, 2010 | Permalink
  3. You know what the form does not show at all in the preview.

    If I am hearing you correct all I have to do is add a selector at the beginning of the CSS for the radio button areas to over ride my themes default CSS for those elements?

    Posted 11 years ago on Wednesday December 1, 2010 | Permalink
  4. Yeah, there's something amiss. I see several different form-related css files in your theme, plus several plugin CSS files which could potentially cause an issue. So far I'm having difficulty tracking it down. I'm thinking it's plugin related, and since you're not seeing the form in the preview at all, that usually indicates some kind of plugin interference.

    As far as CSS rules, Yes, better CSS specificity will override less specific rules. For example,

    body .gform_wrapper input[type=text] {color:#f00}

    would override

    input {color:#f80}

    Can you export your form XML for me and email it to kevin@rocketgenius.com so I can test with your form? If so, please include the link to this thread so I can remember which post it goes with.

    In the mean time, I would suggest deactivating other plugins and testing the form/preview to see if it works properly. If so, then re-activate the plugins one by one until you find the culprit. I would start with the "easy post types" as it appears to be loading several CSS files.

    Posted 11 years ago on Wednesday December 1, 2010 | Permalink
  5. I received your form export, imported it and tested it on my development site. I checked it out in IE7 and IE8 as well. The preview worked fine and using the default twentyten theme, everything was formatted properly and functional.

    screenshot 1: http://rkt.gs/1g

    screenshot 2: http://rkt.gs/1h

    That said, I pretty much guarantee the preview page problem is a plugin conflict. View the source on that page and see if other scripts are being output on that page. Usually another script gets placed before the conditional logic script is called and prevents the conditional logic from working properly.

    The formatting is being influenced by some other CSS, probably from a plugin, but looking at your form, I haven't been able to narrow that down yet. The IE8 developer tools are pretty much a joke so it's a lot harder to narrow stuff down than when I'm debugging with the webkit dev tools or using Firebug.

    If I can find out what the offender actually is, I'll let you know.

    Posted 11 years ago on Wednesday December 1, 2010 | Permalink