WordPress.org

Ready to get started?Download WordPress

Forums

Custom Contact Forms
IE 9 (10 posts)

  1. website
    Member
    Posted 2 years ago #

    IE 9 displays the text input field for the message as extra wide. It wont allow me to change the width. It displays correctly in chrome, ff, and safari... Example http://qualityoneclean.com please help! Thanks

    http://wordpress.org/extend/plugins/custom-contact-forms/

  2. palmettoparrots
    Member
    Posted 2 years ago #

    I encountered the same issue and was able to get around it by putting my form inside a <DIV> tag. That fixed the IE issue for me.

  3. vfran
    Member
    Posted 2 years ago #

    Got the same thing, plus Style don't work at all when displaying in IE9. All other browser seem to work.

    Palm, I'm goanna try that..

  4. leojonathanoh
    Member
    Posted 2 years ago #

    Hey same issue!! IE9 isn't working. I figured that the html code's has an error for all fields.

    <input class=" ccf-tooltip-field" id="ccf_phone-1335722896" type="text" name="ccf_phone" value="" maxlength="30">

    Notice the space just before the class attribute after the ". That probably breaks the styling.. but i dont know how to fix this. Chrome, firefox all are smart enough to display this correctly.

  5. leojonathanoh
    Member
    Posted 1 year ago #

    Hello, still no solution. IE9 is not displaying this correctly, just because of that spacing.

  6. digitalclover
    Member
    Posted 1 year ago #

    Experiencing the same issue. I found the PHP that adds the class and removed the space from the class name, but still no dice.

    After looking more into it, apparently in IE9 the DOM element of the form container is empty. That means all of the containing divs and input elements are rendering outside of the <form> tag.

    Obviously, this messes up any CSS you have declared as form div input{}. Haven't found a solution yet, but would appreciate any help in finding one.

  7. lytterdk
    Member
    Posted 1 year ago #

    The only styling-difference I see in IE9, is the shadow and fade-in effect on the tooltips.

    But I do seem to have an issue with a couple of styling choices. For instance, nothing happens when I change the tooltip font-color or the button background - and this is for all the browsers.

    Are you guys experiencing the same thing?

  8. ipbroad
    Member
    Posted 1 year ago #

    Hi has anyone resolved this issue i'm desperate i cannot even submit the form in IE9 works fine in IE8 and every other browser - suggestions pleaseeeeeee

  9. t_cholewa
    Member
    Posted 1 year ago #

    Adding the <div> tag as palmettoparrots suggested seems to work. Of course, in WordPress the protocol is [div][/div], and I discovered that if a block is already wrapped in a [div][/div], only the opening [div] is necessary. I placed a single [div] in front of the form and allowed the [/div] to close both. Nesting in WordPress is a little weird.

  10. mjuanstudio
    Member
    Posted 1 year ago #

    Can you give an example of how you are wrapping the div around the form? I am having the same issues in IE.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic