• Hello,

    I just created a new Web site and used the Fast Secure Contact Form for the contact page. hardysbb.com/contact/

    The form looks fine in Firefox and Chrome but is completely messed up in Internet Explorer 8.

    I have tried changing a number of settings to see what works.

    If I choose Reset Styles to Label on Top then it works fine on all browsers.

    If I choose Reset Styles to Label on Left then it breaks for IE8. The form fields get wrapped around in a strange fashion with labels displayed along the left but not lining up with the input fields.

    I have donated to this plugin through PayPal. I hope you can help me figure this out as I really want the labels on the left.

    Thanks,
    Dave

Viewing 11 replies - 1 through 11 (of 11 total)
  • I cannot duplicate it on my test site.

    It could be the theme you are using is causing it…
    Do this as a test:
    In Admin, click on Appearance, Themes.
    Temporarily change your theme to the “WordPress Default” theme, or “Twenty Ten” (default for WP 3.0).
    It does not cause any harm to temporarily change the theme and change back.
    Does it work properly now?
    If it does then the theme you are using is the cause.

    Thread Starter webst

    (@webst)

    I believe you are right… it is a problem with the theme. I am using the Thesis theme which is used by a lot of people so I am surprised it is a problem. I still don’t know what to do to fix this. The only thing that works is the leaving the labels on top which is pretty ugly with a long form.

    Thread Starter webst

    (@webst)

    Quick update… the problem appears to be “float left;” CSS code within the Input Fields Div section of the form settings. Now I am running into the Captcha input field overlapping the Captcha image. I really hate Internet Explorer!!!

    Try adding this to the captcha div setting:
    padding-bottom:30px;

    I’m having exactly the same issue. Is there a way to edit the code for the CAPTCHA DIV’s parent DIV to clear:both; ?

    I tried adding the padding-bottom:30px; to the Captcha DIV but to no avail. It just moves the Captcha Code: label down further.

    The CSS settings are on the form edit page. There may be some divs hard coded. Before any code can be changed in distribution it has to be tested to fix the problem without causing other problems. Since I cannot duplicate it on my test site, I would need help from those having the problem. A URL to the page with the problem visible and the name of the theme.

    Here’s a site: https://www.distinctlykelownatours.ca/contact/ and the theme is deLuxe 0.9.7 by ThemeShift.

    FYI I tried to edit the code for the CAPTCHA DIV’s parent DIV to clear:both; but it didn’t work either.

    Grrrr IE!

    I tested with 5 diff themes on my test server. Cannot duplicate.
    I can duplicate on your site though.

    Is there any way to edit the plugin to add conditional code for particular IE versions? I found the layout works in IE if I change the padding-top: of the Captcha Code input DIV to 88px from 10px.

    Thank you, Mike, for releasing a new version of the plugin!

    I was able to get the Captcha input field to show correctly in IE by updating the following in the form style options:

    I updated this row:
    CSS style for CAPTCHA input field on the contact form:

    and added the following at the end of the existing CSS coding:
    margin-top: 80px\9; /* IE 8 and below */

    I’m making a donation to you through Paypal today.

    Hurray! Glad it is resolved now.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘[Plugin: Fast Secure Contact Form] Form breaking in IE8 buts looks fine in FF and Chrome’ is closed to new replies.