Below is my code, what I have done is create a form which sends via asp, it works fine within IE but when testing it in Firefox the entire form is outside the page. Hope you can help!
Adam Huxtable
HTML FILE
[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt d">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Brian De Palma - Favourite Actor</title>
<link href="css.css" rel="stylesheet " type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAsset s/SpryMenuBarHori zontal.css" rel="stylesheet " type="text/css" />
<script type="text/javascript">
function checkall(frmEnq uiry)
{
if (frmEnquiry.txt Name.value == "")
{
alert ("You must enter a name");
return (false);
}
if (frmEnquiry.txt Email.value == "")
{
alert ("You must enter a email address");
return (false);
}
if (frmEnquiry.Tex tNumber.value == "")
{
alert ("You must enter a phone number");
return (false);
}
if(isNan(frmEnq uiry.TextNumber .value) || (frmEnquiry.Tex tNumber.value== ""))
{
alert("enter a valid phone number");
return (false);
}
}
</script>
</head>
<body>
<div id="wrapper">
<div id="header"><im g src="banner1.jp g" alt="Brian De Palma.com" width="720" height="100" /></div>
<div id="nav">
<ul id="MenuBar1" class="MenuBarH orizontal">
<li><a href="index.htm l">Home</a> </li>
<li><a href="profile.h tml" class="MenuBarI temSubmenu">Pro file</a>
<ul>
<li><a href="gallery.h tml">Gallery</a></li>
<li><a href="info.html ">Other Info</a></li>
</ul>
</li>
<li><a href="hmovies.h tml" class="MenuBarI temSubmenu">Mov ie History</a>
<ul>
<li><a href="htrailers .html">Trailers </a></li>
</ul>
</li>
<li><a href="umovies.h tml" class="MenuBarI temSubmenu">Upc oming Movies</a>
<ul>
<li><a href="utrailers .html">Trailers </a></li>
</ul>
</li>
<li><a href="opinion.h tml" class="MenuBarI temSubmenu">You 're Opinion</a>
<ul>
<li><a href="favmov.ht ml">Favourite Movie</a></li>
<li><a href="favact.ht ml">Favourite Actor</a></li>
</ul>
</li>
</ul>
</div>
<div id="content">
<form method="post" action="sendDet ails.asp" onsubmit="retur n checkall(this); " action="senddet ails.asp">
<input type="hidden" name="receiver3 " value="adam87@l ive.co.uk" />
<table width="500px" cellpadding="10 px" align="center">
<tr>
<td colspan="2"><sp an class="style2"> The Theatre Booking<br />
Comapny</span></td>
</tr>
<tr>
<td colspan="2"><p> Please send me more information about the following forthcoming play:<br />
<select name="plays">
<option value="Twelfth" >Twelfth Night</option>
<option value="EndsWell ">All's Well That Ends Well</option>
<option value="Othello" >Othello</option>
</select>
</p>
</td>
</tr>
<tr>
<td width="193">Nam e:</td>
<td width="385"><in put name="txtName" type="text" size="40" maxlength="30" /></td>
</tr>
<tr>
<td>Email Address:</td>
<td><input name="txtEmail" type="text" size="40" maxlength="30" /></td>
<tr>
<td>Telephone Number:</td>
<td><input name="TextNumbe r" type="text" size="40" maxlength="30" /></td>
</tr>
<tr>
<td colspan="2">How did you hear about us?<p>
<input type="radio" name="radioQues tion" value="1" />Website
<input type="radio" name="radioQues tion" value="2" />Magazine
<input type="radio" name="radioQues tion" value="3" />Newspaper
<input type="radio" name="radioQues tion" value="4" />Recommendation <br />
Other:<input type="text" name="other" size="40" maxlength="30" /></p>
</td>
</tr>
<tr>
<td colspan="2"><in put type="submit" value="Submit Enquiry" /></td>
</tr>
</table>
</form>
</div>
<div id="footer">
BrianDePalma.co m <br />Copyrighted 2008
</div>
</div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.Men uBar("MenuBar1" , {imgDown:"SpryA ssets/SpryMenuBarDown Hover.gif", imgRight:"SpryA ssets/SpryMenuBarRigh tHover.gif"});
//-->
</script>
</body>
</html>[/html]
Adam Huxtable
HTML FILE
[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt d">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Brian De Palma - Favourite Actor</title>
<link href="css.css" rel="stylesheet " type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAsset s/SpryMenuBarHori zontal.css" rel="stylesheet " type="text/css" />
<script type="text/javascript">
function checkall(frmEnq uiry)
{
if (frmEnquiry.txt Name.value == "")
{
alert ("You must enter a name");
return (false);
}
if (frmEnquiry.txt Email.value == "")
{
alert ("You must enter a email address");
return (false);
}
if (frmEnquiry.Tex tNumber.value == "")
{
alert ("You must enter a phone number");
return (false);
}
if(isNan(frmEnq uiry.TextNumber .value) || (frmEnquiry.Tex tNumber.value== ""))
{
alert("enter a valid phone number");
return (false);
}
}
</script>
</head>
<body>
<div id="wrapper">
<div id="header"><im g src="banner1.jp g" alt="Brian De Palma.com" width="720" height="100" /></div>
<div id="nav">
<ul id="MenuBar1" class="MenuBarH orizontal">
<li><a href="index.htm l">Home</a> </li>
<li><a href="profile.h tml" class="MenuBarI temSubmenu">Pro file</a>
<ul>
<li><a href="gallery.h tml">Gallery</a></li>
<li><a href="info.html ">Other Info</a></li>
</ul>
</li>
<li><a href="hmovies.h tml" class="MenuBarI temSubmenu">Mov ie History</a>
<ul>
<li><a href="htrailers .html">Trailers </a></li>
</ul>
</li>
<li><a href="umovies.h tml" class="MenuBarI temSubmenu">Upc oming Movies</a>
<ul>
<li><a href="utrailers .html">Trailers </a></li>
</ul>
</li>
<li><a href="opinion.h tml" class="MenuBarI temSubmenu">You 're Opinion</a>
<ul>
<li><a href="favmov.ht ml">Favourite Movie</a></li>
<li><a href="favact.ht ml">Favourite Actor</a></li>
</ul>
</li>
</ul>
</div>
<div id="content">
<form method="post" action="sendDet ails.asp" onsubmit="retur n checkall(this); " action="senddet ails.asp">
<input type="hidden" name="receiver3 " value="adam87@l ive.co.uk" />
<table width="500px" cellpadding="10 px" align="center">
<tr>
<td colspan="2"><sp an class="style2"> The Theatre Booking<br />
Comapny</span></td>
</tr>
<tr>
<td colspan="2"><p> Please send me more information about the following forthcoming play:<br />
<select name="plays">
<option value="Twelfth" >Twelfth Night</option>
<option value="EndsWell ">All's Well That Ends Well</option>
<option value="Othello" >Othello</option>
</select>
</p>
</td>
</tr>
<tr>
<td width="193">Nam e:</td>
<td width="385"><in put name="txtName" type="text" size="40" maxlength="30" /></td>
</tr>
<tr>
<td>Email Address:</td>
<td><input name="txtEmail" type="text" size="40" maxlength="30" /></td>
<tr>
<td>Telephone Number:</td>
<td><input name="TextNumbe r" type="text" size="40" maxlength="30" /></td>
</tr>
<tr>
<td colspan="2">How did you hear about us?<p>
<input type="radio" name="radioQues tion" value="1" />Website
<input type="radio" name="radioQues tion" value="2" />Magazine
<input type="radio" name="radioQues tion" value="3" />Newspaper
<input type="radio" name="radioQues tion" value="4" />Recommendation <br />
Other:<input type="text" name="other" size="40" maxlength="30" /></p>
</td>
</tr>
<tr>
<td colspan="2"><in put type="submit" value="Submit Enquiry" /></td>
</tr>
</table>
</form>
</div>
<div id="footer">
BrianDePalma.co m <br />Copyrighted 2008
</div>
</div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.Men uBar("MenuBar1" , {imgDown:"SpryA ssets/SpryMenuBarDown Hover.gif", imgRight:"SpryA ssets/SpryMenuBarRigh tHover.gif"});
//-->
</script>
</body>
</html>[/html]
Comment