this is my source code. web page is not properly aligned for me...if i do in my system its like aligned properly but when i upload it in server its not properly aligned..please help me soon...in which way i can align it properly..i am a fresher so i m not able to do it accurately...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head><meta name="Subject" content="chennai sale / offers" /><meta name="description" content="Brings you the City's Sales / Offers for smart shopping" /><meta name="keywords" content="Chennai,coimbatore,trichy & Madurai sale offer & Anniversary sale,best price,Deepavali sale,new year sale,pongal sale at mysale.in" /><meta name="Language" content="English" /><meta name="Distribution" content="Global" /><meta name="Robots" content="All" /><meta name="Revisit-After" content="7 Days" /><link href="CSS/styles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function validate()
{
if (document.getElementById("txtName").value=="")
{
alert("Please enter the Name");
document.getElementById("txtName").focus();
return false;
}
if (document.getElementById("txtAddr").value=="")
{
alert("Please enter the Address");
document.getElementById("txtAddr").focus();
return false;
}
if (document.getElementById("txtPhone").value=="")
{
alert("Please enter the Phone No.");
document.getElementById("txtPhone").focus();
return false;
}
if (document.getElementById("txtEmail").value=="")
{
alert("Please enter your Email ID");
document.getElementById("txtEmail").focus();
return false;
}
var emailPat = /^(\".*\"|[A-Za-z]\w*)@(\[\d{1,3}(\.\d{1,3}){3}]|[A-Za-z]\w*(\.[A-Za-z]\w*)+)$/;
var emailid=document.getElementById("txtEmail").value;
var matchArray = emailid.match(emailPat);
if (matchArray == null)
{
alert("Your email address seems incorrect. Please try again.");
document.getElementById("txtEmail").focus();
return false;
}
if (document.getElementById("txtPwd").value=="")
{
alert("Please enter the Password");
document.getElementById("txtPwd").focus();
return false;
}
var pageName="pop.html";
if (window.showModalDialog)//IE
{
flag="";
var dialogArguments = new Object();
var popwin = window.showModalDialog(pageName, self, "dialogWidth=100%;dialogHeight=100%;scroll=no;status=no;dialogTop=300px;dialogLeft=480px;");
ClientScript.RegisterStartupScript(this.GetType(), "alert", "alert('Saved Successfully - Thanks for registering with us');", true);
}
}
</script>
<title>
Brings you the City's Sale / Offer for smart shopping
</title></head>
<script>
function maximize() {
window.moveTo(0, 0);
window.resizeTo(screen.width, screen.height);
}
maximize();
</script>
<script>
function maximize() {
window.moveTo(0, 0);
window.resizeTo(screen.width, screen.height);
}
maximize();
</script>
<script>
function CreateDirectory()
{
var pageName="Privacy.aspx";
if (window.showModalDialog)//IE
{
flag="";
var dialogArguments = new Object();
var popwin = window.showModalDialog(pageName, self, "dialogWidth=650px;dialogHeight=150px;dialogTop=300px;dialogLeft=170;scroll=yes;status=no;");
}
}
</script>
<body önload ="makeNewWindow();" style ="width :100%;">
<form name="form1" method="post" action="Register.aspx" id="form1">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKLTUxNDA3NDczMA9kFgICAw9kFgICBQ8QDxYEHg5EYXRhVmFsdWVGaWVsZAUJQ2l0eV9OYW1lHgtfIURhdGFCb3VuZGdkEBUFC1NlbGVjdCBIZXJlB0NoZW5uYWkKQ29pbWJhdG9yZQdNYWR1cmFpBlRyaWNoeRUFC1NlbGVjdCBIZXJlB0NoZW5uYWkKQ29pbWJhdG9yZQdNYWR1cmFpBlRyaWNoeRQrAwVnZ2dnZ2RkZFqINhH29+5ltdu7PrBPVp66rkDU" />
</div>
<div>
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWDgL58tb5DwLEhISFCwK02uSFBALCpb/eDwLBhvmMAQLPrdT0CgKq4/dDAs/YuL0JAsSS7bAIAoTz/boMAp37up0OAsKL2t4DApD0z+sFAoznisYGY50XuWIuwTg5I5QPJDgs9lK8UaU=" />
</div>
<table cellpadding="0" cellspacing="0">
<tr><td>
<!--<table style="width: 100%; height: 1px;" cellpadding="0" cellspacing="0">-->
<table cellpadding="0" cellspacing="0">
<tr>
<td visible="false" style="width: 1158px; border-removed0; height:60px;" align="right" rowspan="1">
</td></tr></table>
</table></td></tr>
<tr> <td style="width: 1158px%; height: 200px;"><!--<td style="width: 100%; height: 65px;">--><object codeBase="http:
height="100" width="140" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
<param name="_cx" value="3175">
<param name="_cy" value="1720">
<param name="Movie" value="Movie1.swf">
<param name="Src" value="Movie1.swf">
<param name="WMode" value="Window">
<param name="Play" value="-1">
<param name="Loop" value="-1">
<param name="Quality" value="High">
<param name="SAlign" value="">
<param name="Menu" value="-1">
<param name="Base" value="">
<param name="Scale" value="ShowAll">
<param name="DeviceFont" value="0">
<param name="EmbedMovie" value="0">
<param name="BGColor" value="">
<param name="SWRemote" value="">
<embed src="Movie1.swf" width="120" height="65" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash"> </embed>
</object>
<img name="home_page" src="images/Imageshead2.gif" width="1000" height="100" border="0" alt="#" /></param></param></param></param></param></param></param></param></param></param></param></param></param></param></param></param></td></td></tr>
</table>
<table width="85%" align="center" border="0">
<tr>
<td align="center" style="width: 667px">
<h1>NEW USER REGISTRATION</h1>
</td>
</tr>
<tr>
<td align="center" style="width: 667px; height: 18px;">
<span class="blue">Please provide your details here for registration</span>
</td>
</tr>
<tr>
<td style="width: 667px; height: 218px">
<table align="center" style="width: 59%">
<tr>
<td style="width: 49px; height: 27px;">
<div align="left">Name</div>
</td>
<td style="width: 273px; height: 27px;" align="left">
<input name="txtName" type="text" id="txtName" style="width:290px;" /></td></tr>
<tr>
<td style="width: 49px; height: 27px">
<div align="left">Address</div>
</td>
<td align="left" style="width: 273px; height: 27px">
<textarea name="txtAddr" rows="2" cols="20" id="txtAddr" style="height:50px;width:290px;"></textarea></td>
</tr>
<tr>
<td style="width: 49px; height: 27px">
<div align="left">City</div>
</td>
<td align="left" style="width: 273px; height: 27px">
<select name="ddlCity" id="ddlCity" style="width:294px;">
<option value="Select Here">Select Here</option>
<option value="Chennai">Chennai</option>
<option value="Coimbatore">Coimbatore</option>
<option value="Madurai">Madurai</option>
<option value="Trichy">Trichy</option>
</select></td>
</tr>
<tr>
<td style="width: 49px; height: 27px">
<div align="left">PhoneNo</div>
</td>
<td align="left" style="width: 273px; height: 27px">
<input name="txtPhone" type="text" id="txtPhone" style="width:290px;" /></td>
</tr>
<tr>
<td style="width: 49px; height: 27px">
<div align="left">E-Mail</div>
</td>
<td align="left" style="width: 273px; height: 27px">
<input name="txtEmail" type="text" id="txtEmail" style="width:290px;" /></td>
</tr>
<tr>
<td style="width: 49px; height: 27px">
<div align="left">Password</div>
</td>
<td align="left" style="width: 273px; height: 27px">
<input name="txtPwd" type="password" id="txtPwd" style="width:290px;" /></td>
</tr>
<tr>
<td colspan="3" align="center">
<br />
<input type="submit" name="btnSubmit" value="Submit" önclick="return validate();" id="btnSubmit" style="color:White;background-color:CornflowerBlue;border-style:None;font-weight:bold;width: 50px" />
<input type="submit" name="btnCancel" value="Cancel" id="btnCancel" style="color:White;background-color:CornflowerBlue;border-style:None;font-weight:bold;" />
<input type="submit" name="Button1" value="Back" id="Button1" style="color:White;background-color:CornflowerBlue;border-style:None;font-weight:bold;" />
</td>
</tr>
</table>
</td>
</tr>
</table>
</form>
</body>
</html>
[edit]Code block added - OriginalGriff[/edit]