exzrael
06-19-2006, 04:04 AM
To show and position a form with text, textboxes and a select-box i use this code here below. The problem is that the textboxes shows different in IE & Firefox. Screenshots from Firefox (http://img146.imageshack.us/img146/7466/firefox6wz.jpg) and IE (http://img220.imageshack.us/img220/3932/ie4rv.jpg). How can this be fixed? Suggestions?
Im kinda new to CSS so all help is appreciated.
<div id="regform">
<form name="signupform">
<div style="height: 2em;">
<input type="text" style="float: right; width: 200px; margin-left: 2em;">
<p><span style="float: right;">Player</span></p>
</div>
<div style="height: 2em;">
<input type="text" style="float: right; width: 200px; margin-left: 2em;">
<p><span style="float: right;">Password</span></p>
</div>
<div style="height: 2em;">
<? selectraid(); ?>
</div>
<br /><br />
<input type="submit" value="Signup / De-signup" style="float: center;">
</form>
</div>
css for regform and content (regform is within content):
#content{
margin: 0px auto;
width: 780px;
font-size: 11px;
background-color: #fff;
}
#regform{
margin: 0px auto;
width: 300px;
font-size: 11px;
text-align: center;
background-color: #fff;
}
Im kinda new to CSS so all help is appreciated.
<div id="regform">
<form name="signupform">
<div style="height: 2em;">
<input type="text" style="float: right; width: 200px; margin-left: 2em;">
<p><span style="float: right;">Player</span></p>
</div>
<div style="height: 2em;">
<input type="text" style="float: right; width: 200px; margin-left: 2em;">
<p><span style="float: right;">Password</span></p>
</div>
<div style="height: 2em;">
<? selectraid(); ?>
</div>
<br /><br />
<input type="submit" value="Signup / De-signup" style="float: center;">
</form>
</div>
css for regform and content (regform is within content):
#content{
margin: 0px auto;
width: 780px;
font-size: 11px;
background-color: #fff;
}
#regform{
margin: 0px auto;
width: 300px;
font-size: 11px;
text-align: center;
background-color: #fff;
}