...

View Full Version : Forms within I.E. & Netscape



TNeston
10-22-2002, 06:39 AM
I was wondering if anyone had a work-around to make a form element line up exactly in the battle of the browsers. For some odd reason the form element actually looks correct in Netscape, can you believe it?

I am trying to line up anything for this purpose directly under the jump form element, but in IE, there seems to be extra space under it that I CANNOT fix.

It lines up directly underneath in Netscape, but not IE. Anyone?

Thanks in Advance.

Anyway, here is the code I am stumped on.

<------------------------------------------------------------------>

<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#1A1B1C" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<center>
<table width="724" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top">
<form name="aboutUS">
<select name="menu1" onChange="MM_jumpMenu('parent',this,1)" style="background-color:#1A1B1C; width:242px; height:18px; font-size:10; color:#B1DE4F; font-family: verdana, geneva, arial">
<option>about US</option>
<option value="#">link</option>
<option value="#">link</option>
<option value="#">link</option>
<option value="#">link</option>
<option value="#">link</option>
</select>
</form></td>
<td valign="top">
<form name="ourWORK">
<select name="menu1" onChange="MM_jumpMenu('parent',this,1)" style="background-color:#1A1B1C; width:242px; height:18px; font-size:10; color:#B1DE4F; font-family: verdana, geneva, arial">
<option>our WORK</option>
<option value="#">link</option>
<option value="#">link</option>
<option value="#">link</option>
<option value="#">link</option>
<option value="#">link</option>
<option value="#">link</option>
</select>
</form></td>
<td valign="top"><form name="goodSTUFF">
<select name="menu1" onChange="MM_jumpMenu('parent',this,1)" style="background-color:#1A1B1C; width:242px; height:18px; font-size:10; color:#B1DE4F; font-family: verdana, geneva, arial">
<option>good STUFF</option>
<option value="#">link</option>
<option value="#">link</option>
<option value="#">link</option>
<option value="#">link</option>
<option value="#">link</option>
</select>
</form>
</td>
</tr>
<tr>
<td colspan="3" valign="bottom"><form name="form1">
<select name="menu2" onChange="MM_jumpMenu('parent',this,0)" style="background-color:#1A1B1C; width:726px; height:18px; font-size:10; color:#B1DE4F; font-family: verdana, geneva, arial">
<option>link</option>
<option>link</option>
<option>link</option>
<option>link</option>
</select>
</form>
</td>
</tr>
</td>
</tr>
</table></body>
</html>

<------------------------------------------------------------------>

beetle
10-22-2002, 10:48 AM
add this to the <HEAD> of your page


<style>
form {
margin: 0px;
}
</style>

TNeston
10-22-2002, 05:56 PM
Thank you Very Much, Your reply is very appreciated!



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum