[lafours]

Hi Guys

I've been trying to solve ths for a few days now and have no idea why it's happening so I hope you can help and save my sanity....

I've made a form in DW8. It's 11 lines long and when I preview in Firefox it looks as I intened. When I preview in IE6, each line is much more spaced out vertically than I desire.

Any ideas?

Thanks,
Leanne

[Rockn]

You should probably make a style sheet to display the form correctly across different browser types.

[haswalt]

could you post the code?

note that some things display properly in firefox and not in ie so certain bits of code appear different depending on what browser you are using.

Harry

[lafours]

Thanks for this. Here's the code for the table, in the meantime I'll look into css styles.

<table width="470" height="330" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#808000">
<tr>
<td width="230" height="30" align="left" valign="top"><span class="style2">Buyer Name:</span></td>
<td width="230" height="30" align="center" valign="middle"><form id="form1" name="form1" method="post" action="">
<label>
<input name="buyer_name" type="text" id="buyer_name" maxlength="50" />
</label>
</form> </td>
</tr>
<tr>
<td width="230" height="30" align="left" valign="top" class="style2">Shop Name: </td>
<td width="230" height="30" align="center" valign="middle"><form id="form2" name="form2" method="post" action="">
<input name="shop_name" type="text" id="shop_name" maxlength="50" />
</form> </td>
</tr>
<tr>
<td width="230" height="30" align="left" valign="top"><span class="style2">Telephone Number</span>: </td>
<td width="230" height="30" align="center" valign="middle"><form id="form3" name="form3" method="post" action="">
<input name="textfield3" type="text" maxlength="25" />
</form> </td>
</tr>
<tr>
<td width="230" height="30" align="left" valign="top" class="style2">Email Address: </td>
<td width="230" height="30" align="center" valign="middle"><form id="form4" name="form4" method="post" action="">
<input name="textfield4" type="text" maxlength="50" />
</form> </td>
</tr>
<tr>
<td width="230" height="30" align="left" valign="top" class="style2">Address 1: </td>
<td width="230" height="30" align="center" valign="middle"><form id="form5" name="form5" method="post" action="">
<input name="textfield5" type="text" maxlength="50" />
</form> </td>
</tr>
<tr>
<td width="230" height="30" align="left" valign="top" class="style2">Address 2: </td>
<td width="230" height="30" align="center" valign="middle"><form id="form6" name="form6" method="post" action="">
<input name="textfield6" type="text" maxlength="50" />
</form> </td>
</tr>
<tr>
<td width="230" height="30" align="left" valign="top" class="style2">Town/City:</td>
<td width="230" height="30" align="center" valign="middle"><form id="form7" name="form7" method="post" action="">
<input name="textfield7" type="text" maxlength="50" />
</form> </td>
</tr>
<tr>
<td width="230" height="30" align="left" valign="top" class="style2">County/State/Province</td>
<td width="230" height="30" align="center" valign="middle"><form id="form8" name="form8" method="post" action="">
<input name="textfield8" type="text" maxlength="50" />
</form> </td>
</tr>
<tr>
<td width="230" height="30" align="left" valign="top" class="style2">Postcode/Zip code: </td>
<td width="230" height="30" align="center" valign="middle"><form id="form9" name="form9" method="post" action="">
<input name="textfield9" type="text" maxlength="50" />
</form> </td>
</tr>
<tr>
<td width="230" height="30" align="left" valign="top" class="style2">Country:</td>
<td width="230" height="30" align="center" valign="middle"><form id="form10" name="form10" method="post" action="">
<input name="textfield10" type="text" maxlength="50" />
</form> </td>
</tr>
<tr>
<td width="230" height="30" align="left" valign="top">&nbsp;</td>
<td width="230" height="30" align="center" valign="middle"><form id="form11" name="form11" method="post" action="">
<input type="submit" name="Submit" value="Submit" />
<input type="reset" name="Submit2" value="Reset" />
</form> </td>
</tr>





</table>

[treydx]

You need to put all of your input fields in ONE FORM. That's important so that you get all of your data submitted to the next page. It'll probably take care of your styling problem as well. I think forms have a margin-bottom in IE--I'm really just guessing, though.

Anyway, make your code like this:
<form>
<table>
<tr><td>Name</td><td><input type="text" /></td></tr>
<tr>...</tr>
</table>
</form>

[lafours]

Thanks treydx, worked a treat!