Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    May 2010
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Form not showing in IE?

    Hi, I'm having an issue with Internet Explorer... On this page of my website, www.cmattayers.com/contact.html , the contact form does not show up at all in IE, but works fine in Opera, Chrome, Safari, and Firefox. It was actually working in IE before, but someone brought it to my attention today that it was broken. I'm not sure what's going on with it. Any help would be very much appreciated.

    Here's my code:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>
    <title>The Graphic Design Portfolio of Matt Ayers - Roanoke, VA</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link rel="stylesheet" type="text/css" href="contactstylesheet.css" />
    </head>

    <body>

    <div id="contactform">
    <object id="page" type="text/html"
    data="http://www.foxyform.com/form.php?id=24249&sec_hash=a35287a73dc"
    width="400" height="490">
    <p>Oops! That didn't work...</p>
    </object>
    </div>

    <div id="header-image"></div>

    <div id="name"><a href="index.html"><img src="images/namespaced.png" alt="This says Matt Ayers in a styled typeface"/></a></div>

    <div id="maintext">
    <a href="mailto:cmattayers@gmail.com"><img src="images/email.png" alt="This is an e-mail link"/></a></div>

    <div id="facebook"><a href="http://www.facebook.com/clay.matthew.ayers"><img src="images/facebook.png" alt="this is a link to my facebook page" /></a></div>

    <div id="twitter"><a href="http://www.twitter.com/cmattayers"><img src="images/twitter.png" alt="this is a link to my twitter account" /></a></div>

    <div id="linkedin"><a href="http://www.linkedin.com/in/cmattayers" >
    <img src="http://www.linkedin.com/img/webpromo/btn_viewmy_160x33.png" alt="View Matt Ayers's profile on LinkedIn"/>
    </a></div>

    <div id="aboutme"><img src="images/aboutme2.png" alt="This is an image of swirling designs" /></div>

    <div id="navbar">

    <ul><li class="link"><a href="index.html">About Me</a></li>
    <li class="link"><a href="portfolio.html">Portfolio</a></li>
    <li class="link"><a href="contact.html">Contact</a></li>
    </ul>

    </div>

    <div id="footer">
    </div>

    </body>

    </html>

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,854
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New to the CF scene
    Join Date
    May 2010
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I looked over the information in the link you gave me, but I had already tried both the object tag and iframe tag. I actually ended up changing it to object because the iframe tag wouldn't validate.

  • #4
    Regular Coder
    Join Date
    May 2009
    Posts
    813
    Thanks
    123
    Thanked 24 Times in 24 Posts

    Re

    I have this form and I use a width of 500px try changing the form div to make it wider, to see if that works.

  • #5
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Quote Originally Posted by CMattAyers View Post
    I looked over the information in the link you gave me, but I had already tried both the object tag and iframe tag. I actually ended up changing it to object because the iframe tag wouldn't validate.
    It won't validate because of the strict DOCTYPE. The ideal solution would be to just recreate the form on your own site using some kind of server side processing but that may be out of your scope. Also pay attention to the tings people give you. This same solution was on the information abdura gave you except specifying the classid does nothing if its a remote site. You could also change the following
    Code:
    <object id="page" type="text/html"
    data="http://www.foxyform.com/form.php?id=24249&sec_hash=a35287a73dc"
    width="400" height="490">
    		<p>Oops! That didn't work...</p>
    	</object>
    to this
    Code:
    <!--[if IE]>
    <iframe id="page" width="400" height="490" src="http://www.foxyform.com/form.php?id=24249&sec_hash=a35287a73dc" scrolling="no" frameborder="0"><p>Oops! That didn't work...</p></iframe>
    <![endif]-->
    <!--[if !IE]>-->
    	<object id="page" type="text/html"
    data="http://www.foxyform.com/form.php?id=24249&sec_hash=a35287a73dc"
    width="400" height="490">
    		<p>Oops! That didn't work...</p>
    	</object>
    	<!--<![endif]-->
    Now all browsers except IE will see the object. All IE browsers above IE6 will see the iframe and not the object. I used conditional comments which only IE understands but the validator sees them as comments so it doesn't try to validate the iframe. The other stuff is downlevel-revealed conditional comments.

    http://www.456bereastreet.com/archiv...onal_comments/
    Last edited by _Aerospace_Eng_; 06-07-2010 at 02:33 PM.
    ||||If you are getting paid to do a job, don't ask for help on it!||||


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •