Forum Moderators: not2easy
The form shows up where it's supposed to be in FF, but in IE, the form is WAY down the page.
Here is my code for that section...
<div class="box_behind">
<form method="post" action="http://www.example.com/fid.php?formid=314579" enctype="multipart/form-data" accept-charset="UTF-8">
<table cellpadding="2" cellspacing="0" border="0" bgcolor="#ffffff">
<tr>
<td align="center"><span class="style5"><font face="Arial" size="5">Contact SouthWest Direct</font></span>
<div style="" id="mainmsg"> </div></td>
</tr>
</table>
<br />
<table cellpadding="2" cellspacing="0" border="0" bgcolor="#ffffff" align="center">
<tr valign="top">
<td nowrap align="right"><font face="Arial" size="2" color="#000000">Name (First,Last): </font></td>
<td><input type="text" name="FieldData0" size="30" />
</td>
</tr>
<tr valign="top">
<td nowrap align="right"><font face="Arial" size="2" color="#000000">Title: </font></td>
<td><input type="text" name="FieldData1" size="30" />
</td>
</tr>
<tr valign="top">
<td nowrap align="right"><font face="Arial" size="2" color="#000000">Company: </font></td>
<td><input type="text" name="FieldData2" size="30" />
</td>
</tr>
<tr valign="top">
<td nowrap align="right"><font face="Arial" size="2" color="#000000">Address: </font></td>
<td><input type="text" name="FieldData3" size="30" />
</td>
</tr>
<tr valign="top">
<td nowrap align="right"><font face="Arial" size="2" color="#000000">City, State, Zip: </font></td>
<td><input type="text" name="FieldData4" size="30" />
</td>
</tr>
<tr valign="top">
<td nowrap align="right"><font face="Arial" size="2" color="#000000">Contact Me:</font></td>
<td><input type=checkbox name="FieldData5-0" value="By Phone " id="check50" />
<font face="Arial" size="2" color="#000000">
<label for="check50">By Phone </label>
</font><br />
<input type=checkbox name="FieldData5-1" value=" By E-Mail" id="check51" />
<font face="Arial" size="2" color="#000000">
<label for="check51"> By E-Mail</label>
</font><br />
</td>
</tr>
<tr valign="top">
<td nowrap align="right"><font face="Arial" size="2" color="#000000">Phone Number: </font></td>
<td><input type="text" name="FieldData6" size="30" />
</td>
</tr>
<tr valign="top">
<td nowrap align="right"><font face="Arial" size="2" color="#000000">E-Mail Address: </font></td>
<td><input type="text" name="FieldData7" size="30" />
</td>
</tr>
<tr valign="top">
<td nowrap align="right"><font face="Arial" size="2" color="#000000">What are you interested in? </font></td>
<td><input type=checkbox name="FieldData8-0" value="Direct Marketing Solutions " id="check80" />
<font face="Arial" size="2" color="#000000">
<label for="check80">Direct Marketing Solutions </label>
</font><br />
<input type=checkbox name="FieldData8-1" value=" Billing Statement Solutions " id="check81" />
<font face="Arial" size="2" color="#000000">
<label for="check81"> Billing Statement Solutions </label>
</font><br />
<input type=checkbox name="FieldData8-2" value=" Print and/or Mail Services" id="check82" />
<font face="Arial" size="2" color="#000000">
<label for="check82"> Print and/or Mail Services</label>
</font><br />
</td>
</tr>
<tr valign="top">
<td nowrap align="right"><font face="Arial" size="2" color="#000000">Questions or Comments: </font></td>
<td><textarea name="FieldData9" cols="30" rows="5"></textarea>
<br />
</td>
</tr>
<tr>
<td colspan="2"><table cellpadding=5 cellspacing=0 bgcolor="#000000" width="100%">
<tr bgcolor="#fd8900">
<td colspan="2"><font color="#000000" face="Verdana" size="2"><b>Image Verification</b></font></td>
</tr>
<tr>
<td style="padding: 2px;" width="10"><img src="http://www.example.com/turing.php" id="captcha" /></td>
<td valign="top"><font color="#ffffff">Please enter the text from the image</font> <br />
<input type="text" name="Turing" value="" maxlength="100" size="10" />
[ <a href="#" onclick=" document.getElementById('captcha').src = document.getElementById('captcha').src + '?' + (new Date()).getMilliseconds()">Refresh Image</a> ] [ <a href="http://www.example.com/?v=turing&pt=popup" onclick="window.open('http://www.example.com/?v=turing&pt=popup','_blank','width=400, height=300, left=' + (screen.width-450) + ', top=100');return false;">What's This?</a> ]</td>
</tr>
</table></td>
</tr>
<tr>
<td></td>
<td align="middle"><input type="text" name="hida2" value="" maxlength="100" size="3" style="display : none;" />
<input type="submit" class="btn" value="Request More Information" name="Submit" /></td>
</tr>
<tr>
<td height="42" colspan=2 align="center"><br /></td>
</tr>
</table>
</form>
</div>
but here is the strange....very strange part.....
the div is labeled box_behind....but i have NO such reference in my css! How is this possible? And....how can I get it to be right in IE the way it is in FF?
Help!
[edited by: eelixduppy at 9:48 pm (utc) on Sep. 15, 2009]
[edit reason] no personal URLs, please [/edit]
Here is the coding for this div::
.box_behind {
background-color: #FFFFFF;
margin-left: 360px;
margin-right: 90px;
}
This is not a template. This was made from scratch. While I am not by any means an expert in CSS, it however does not completely escape me. I do have a grasp on a lot of it, how it works, why it works and why, in some cases, it doesn't work.
However, the reason my form is showing up at the bottom of the page on IE and not in FF DOES elude me.
Thank you for your patience...I thought I was losing my mind when I couldn't find the css for that div!
