Browser trouble displaying tables

lnoble79 · Joined: 24 Apr 2008 Posts: 1

Hello,

I have created a page which contains a table and this is basically used as a feedback form.
When I open the page in Firefox for Safari, although they look slightly different, they look good.
However, when I use trusty old M$ IE it all looks squashed up!

Below is the code I am using. Can anyone please tell me how I can get the page to display the same in IE as it currently does using Firefox or Safari?

<table width="60%" border="0" cellpadding="0" cellspacing="0">

<td colspan="2"><p><b>Simply complete the form below with your details
and we'll be in<br> touch within one working day.</b></p>
<p><br />
</p></td>
</tr>
<form name="f" method="post" action="<%=dotdotpath%>contact/review/process_form.asp" onSubmit="return checkform_review();">
<input type="hidden" name="SubjectSuffix" value="Free Online Savings Review section">
<tr>
<td valign="top" style="padding-bottom:15px;">Name:    </td>
<td align="right" valign="center"><input type="text" name="Name" maxlength="50"></td>
</tr>

<tr>
<td valign="top" style="padding-bottom:15px;">Company name:    </td>
<td align="right" valign="center"><input type="text" name="Company" maxlength="50"></td>
</tr>

<tr>
<td valign="top" style="padding-bottom:15px;">Contact number:  </td>
<td align="right" valign="center"><input type="text" name="ContactNumber" maxlength="50"></td>
</tr>

<tr>
<td valign="top" style="padding-bottom:15px;">Email address:    </td>
<td align="right" valign="center"><input type="text" name="EmailAddress" maxlength="100"></td>
</tr>

<tr>
<td valign="top" width="40%" style="padding-bottom:15px;">How Did you Hear About Active Digital?  </td>
<td align="right" valign="center" width="60%" style="padding-right:120px;">
<select name="HearAbout">
<option value="">[Please select]</option>
<option value="Yahoo">Yahoo</option>
<option value="Google">Google</option>
<option value="Ask Jeeves">Ask Jeeves</option>
<option value="Yell.com">Yell.com</option>
<option value="Yellow Pages">Yellow Pages</option>
<option value="T-Mobile Website">T-Mobile Website</option>
<option value="Recommended by a friend">From a friend</option>
<option value="Magazine Article">Magazine Article</option>
<option value="Other">Other</option>
</select>
</td>
</tr>

<tr>
<td valign="top" style="padding-bottom:15px;">Number of Mobiles:  </td>
<td align="right" valign="center"><input type="text" name="NumberofHandsets" align="right" maxlength="50"></td>
</tr>

<tr>
<td colspan="2" valign="top" style="padding-bottom:15px;"><br>Additional Comments:<br><br>
<textarea name="Comments" cols="60" rows="5"></textarea></td>
</tr>

<tr>
<td colspan="2"><input type="submit" value="Submit" style="width:100px;"></td>
</tr>
</form>

<tr>
<td colspan="2"><br>Your details will remain private and will not be passed onto any third parties</td>
</tr>
</table>

<tr>
<td colspan="2">
<br>
To use this service, you will need to be a UK Business/Company<br>requiring 5 or more mobile phones.<br> 
</td>
</tr>

<tr>
</body>
</html>

Straystudio · Joined: 14 Apr 2008 Posts: 92 Location: Nord Italy

Customize TABLE WIDTH="" at Your own;
You may momently enter BORDER="1" with tables, to see how layout works out.

<html>
<head>
</head>
<body>

<table width="60%" border="0" cellpadding="0" cellspacing="0"><tr>

<td><p><b>Simply complete the form below with your details
and we'll be in<br> touch within one working day.</b></p>
<p><br />
</p></td>
</tr>

<tr>
<td>

<form name="f" method="post" action="<%=dotdotpath%>contact/review/process_form.asp" onSubmit="return checkform_review();">
<table width="60%" border="0" cellpadding="0" cellspacing="0"><tr>

<td colspan="2"><input type="hidden" name="SubjectSuffix" value="Free Online Savings Review section"></td>
</tr>

<tr>
<td valign="top" style="padding-bottom:15px;">Name:    </td>
<td align="right" valign="center"><input type="text" name="Name" maxlength="50"></td>
</tr>

<tr>
<td valign="top" style="padding-bottom:15px;">Company name:    </td>
<td align="right" valign="center"><input type="text" name="Company" maxlength="50"></td>
</tr>

<tr>
<td valign="top" style="padding-bottom:15px;">Contact number:  </td>
<td align="right" valign="center"><input type="text" name="ContactNumber" maxlength="50"></td>
</tr>

<tr>
<td valign="top" style="padding-bottom:15px;">Email address:    </td>
<td align="right" valign="center"><input type="text" name="EmailAddress" maxlength="100"></td>
</tr>

<tr>
<td valign="top" width="40%" style="padding-bottom:15px;">How Did you Hear About Active Digital?  </td>
<td align="right" valign="center" width="60%" style="padding-right:120px;">
<select name="HearAbout">
<option value="">[Please select]</option>
<option value="Yahoo">Yahoo</option>
<option value="Google">Google</option>
<option value="Ask Jeeves">Ask Jeeves</option>
<option value="Yell.com">Yell.com</option>
<option value="Yellow Pages">Yellow Pages</option>
<option value="T-Mobile Website">T-Mobile Website</option>
<option value="Recommended by a friend">From a friend</option>
<option value="Magazine Article">Magazine Article</option>
<option value="Other">Other</option>
</select>
</td>
</tr>

<tr>
<td valign="top" style="padding-bottom:15px;">Number of Mobiles:  </td>
<td align="right" valign="center"><input type="text" name="NumberofHandsets" align="right" maxlength="50"></td>
</tr>

<tr>
<td colspan="2" valign="top" style="padding-bottom:15px;"><br>Additional Comments:<br><br>
<textarea name="Comments" cols="60" rows="5"></textarea></td>
</tr>

<tr>
<td colspan="2"><input type="submit" value="Submit" style="width:100px;"></td>

</tr>
</table>
</form>

</td>
</tr>

<tr>
<td><br>Your details will remain private and will not be passed onto any third parties</td>
</tr>

<tr>
<td>
<br>
To use this service, you will need to be a UK Business/Company<br>requiring 5 or more mobile phones.<br> 
</td>
</tr>

</table>
</body>
</html>