...

View Full Version : Form not showing in IE?



CMattAyers
05-31-2010, 08:58 PM
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>

abduraooft
06-01-2010, 09:08 AM
http://stackoverflow.com/questions/311433/embedding-text-html-in-an-object-instead-of-an-iframe may give you some clues.

CMattAyers
06-07-2010, 03:26 AM
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.

quartzy
06-07-2010, 12:19 PM
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.

_Aerospace_Eng_
06-07-2010, 02:25 PM
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

<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

<!--[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/archive/200511/valid_downlevelrevealed_conditional_comments/



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum