Grow your CSS skills. Land your dream job.

Contact Form Broken in IE?

  • # August 8, 2012 at 2:08 am

    I created a contact form that seems to be working fine in all browsers except IE8 and older. On those browsers, black boxes appear over the input field areas and make them so text can not be inputted.

    http://codepen.io/JeremyEnglert/pen/ELkjF

    I’m having a hard time testing it as I don’t have IE on my Mac, but I was able to quickly confirm the error was happening on a friends laptop.

    Any ideas?

    # August 8, 2012 at 6:07 am

    I have no idea if this is relevant but I’m seeing:

    border: 1px solid 256632;

    You have omitted the hash so that might be something.

    # August 8, 2012 at 6:22 am

    Tested html & css in IE Tester for 6, 7 & 8…no black boxes.

    # August 8, 2012 at 6:27 am

    I tested the page in a native IE6 XP virtual machine on my Mac and it looks perfectly fine for me.

    # August 10, 2012 at 1:33 am

    It was the missing # from the border causing the issues for some versions of IE – it was really hit or miss. But after adding the #, all is well.

    Nice catch @Paulie_D!

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".