hai friends,
i'm using css and div to design a website.
but the alignment which i expect is not same in all browser..
i check this design in ie 6 * 7, chrome and firefox..
here is the code pls anyone help me in this problem
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
.c1{
width:207px;
/* padding:0 0 10px 0;*/
}
.n_formimg{
background-color:#FFFFFF;
width:204px;
height:229px;
border-style:solid;
border-width:1px;
border-color:#C7C7C7;
}
.n_formimg1{
background-color:#EDEDED;
width:204px;
height:190px;
border-style:solid;
border-width:3px;
border-color:#FFFFFF;
border-top:0;
}
.ntextfield { margin-left: 210px; margin-right:5px; width:18%; margin-bottom:3px;}
.combobox{ margin-left: 210px; width:39%; margin-bottom:3px;}
.n1textfield { margin-right: 10px; width:18%; margin-bottom:3px;}
.textfield { margin-left: 210px;margin-right: 10px; width:38%; margin-bottom:3px;}
.dtextfield {margin-left: 210px; width:50px; margin-bottom:3px;}
.mtextfield {width:50px; margin-bottom:3px;}
.ytextfield {margin-right: 74px;width:75px; margin-bottom:3px;}
</style>
</head>
<body>
<div class="c1">
<div class="n_formimg">
<div class="n_formimg1"> <br />
</div>
</div>
</div>
<form name="register" class="fieldalign" method="post" action="">
<input name="Firstname" id="Firstname" type="text" class="ntextfield" tabindex="1" />
<input name="Lastname" id="Lastname" type="text" class="n1textfield" tabindex="2" />
<select name="menu1" class="combobox" tabindex="6">
<option>A</option>
<option>B</option>
</select>
<br />
<input class="dtextfield" id="date" tabindex="7" size="1" name="date" />
<input class="mtextfield" id="month" tabindex="8" size="1" name="month" />
<input class="ytextfield" id="year" tabindex="9" size="4" name="year" />
<input name="password" type="password" class="textfield" tabindex="4" size="37" />
<input name="conpassword" type="password" class="textfield" tabindex="5" size="37" maxlength="50" />
<textarea class="textfield" name="message" cols="29" rows="4" tabindex="10"></textarea>
<br />
<input name="resident" id="resident" type="text" class="ntextfield" tabindex="1" />
<input name="nationality" id="nationality" type="text" class="n1textfield" tabindex="2" />
<input name="phone" id="phone" class="textfield" type="text" tabindex="11" size="37" />
<input name="email" id="email" class="textfield" type="text" tabindex="12" size="37" />
</form>
</div>
</body>
</html>