Javascript 中心对齐的跨浏览器问题

我对编码还不熟悉，在所有浏览器上都无法正确显示页面。现在，它与IE完美结合，但在Firefox或Chrome中打开时，格式会丢失

这是我正在使用的代码的摘录：

 <style type="text/css">

#headerIMG {
    padding:0;
    margin:0;
    margin-bottom:15px;
    width:100%;
    }
label {
    padding-right:10px;
    text-align:left;
    {
table   {
    width: 580px;
    margin: 0 auto;
    text-align: center;
    align: center;
    }

.centerspacer {
    width:50%;
    }
tr  {
    width: 580px;
    margin: 0 px;
    }

td {
    padding:5px;
    }
.center {
    text-align:center;
    }
.button {
    float:none;
    display:block;
    margin: 10px auto;
    text-align:center;
    }

form    {
    width: 580px;
    margin: 0 auto;
    }
.rectbcontent {
    width: 580px;
    margin: 0 auto;
    text-align:center;
    }
table.tbody {
    width: 580px;
    margin: 0 auto;
    }
</style>

 <form action="https://test.salesforce.com/servlet/servlet.WebToLead?encoding=UTF-8" method="POST">

<input type=hidden name="oid" value="00DK0000005Iu4O">
<input type=hidden name="retURL" value="http://www.vela-ins.com">


<table class="tbody">

<tr>
<td class="centerspacer"> </td>
<td><label  for="first_name">First Name</label></td>
<td><input  id="first_name" maxlength="40" name="first_name" size="20" type="text" />          </td>
<td class="centerspacer"> </td>
</tr>
<tr>

<td class="centerspacer"></td>
<td><label  for="last_name">Last Name</label></td>
<td><input  id="last_name" maxlength="80" name="last_name" size="20" type="text" /></td>
<td class="centerspacer"> </td>
</tr>

<tr>
<td class="centerspacer"></td>
<td><label  for="email">Email</label></td>
<td><input  id="email" maxlength="80" name="email" size="20" type="text" /></td>
<td class="centerspacer"> </td>
</tr>

<tr>
<td class="centerspacer"></td>
<td><label  for="phone">Phone</label></td>
<td><input  id="phone" maxlength="15" name="phone" size="20" type="text" /></td>
<td class="centerspacer"> </td>
</tr>

 <tr>
<td class="centerspacer"></td>
<td><label  for="company">Company</label></td>
<td><input  id="company" maxlength="40" name="company" size="20" type="text" /></td>
<td class="centerspacer"> </td>
</tr>

<tr>
<td class="centerspacer"></td><td>
<label  for="city">City</label></td>
<td><input  id="city" maxlength="40" name="city" size="20" type="text" /></td>
<td class="centerspacer"></td>
</tr>

<tr>
 <td class="centerspacer"></td>
<td><label  for="state">State/Province</label></td><td><input  id="state" maxlength="20" name="state" size="20" type="text" /></td><td class="centerspacer"></td>
</tr>

 </table>
</select>
</form>


 <script>
var x = 'https://images.wrberkley.com/imageserver/WRBTS/VELA/site/images/';

var assignrule;
var imageURL;
var lob = getQueryVariable('product');

lob = lob.toLowerCase().charAt(0);



switch (lob)
{
//change this case to look at first character for construction
case 'c':

imageURL=x + 'Headlines/constructionheader.png';

assignrule='Construction';
break;


case 'm':
imageURL=x + 'Headlines/manufacturingheader.png';

assignrule="Manufacturing";
break;
case 'p': 
imageURL=x + 'Headlines/professionalliabilityheader.png';
assignrule="Professional Liability";
break;
case 'g':
imageURL=x + 'Headlines/generalcasualtyheader.png';
assignrule="General Casualty";
break;
default:
imageURL=x + 'header.png';
assignrule="default";
}
document.getElementById('headerIMG').src = imageURL
document.getElementById("00NK0000000Yqv2").value = assignrule;
</script>

#人头肌{
填充：0；
保证金：0；
边缘底部：15px；
宽度：100%；
}
标签{
右边填充：10px；
文本对齐：左对齐；
{
桌子{
宽度：580px；
保证金：0自动；
文本对齐：居中；
对齐：居中；
}
.中心垫片{
宽度：50%；
}
tr{
宽度：580px；
边际：0像素；
}
运输署{
填充物：5px；
}
.中心{
文本对齐：居中；
}
.按钮{
浮动：无；
显示：块；
利润率：10px自动；
文本对齐：居中；
}
形式{
宽度：580px；
保证金：0自动；
}
.rectbcontent{
宽度：580px；
保证金：0自动；
文本对齐：居中；
}
表1.t正文{
宽度：580px；
保证金：0自动；
}
名字
姓
电子邮件
电话
单位
城市
州/省
var x='1https://images.wrberkley.com/imageserver/WRBTS/VELA/site/images/';
var分配规则；
var-imageURL；
var lob=getQueryVariable（“产品”）；
lob=lob.toLowerCase（）.charAt（0）；
交换机（lob）
{
//更改此大小写以查看构造的第一个字符
案例“c”：
imageURL=x+“Headlines/constructionheader.png”；
分配规则`构造'；
打破
案例“m”：
imageURL=x+“Headlines/manufacturingheader.png”；
分配规则=“制造”；
打破
案例“p”：
imageURL=x+“标题/professionalliabilityheader.png”；
转让规则=“专业责任”；
打破
案例“g”：
imageURL=x+“标题/generalcasualtyheader.png”；
分配规则=“一般伤亡”；
打破
违约：
imageURL=x+'header.png'；
assignrule=“默认”；
}
document.getElementById（'headerIMG'）。src=imageURL
document.getElementById（“00NK0000000Yqv2”）.value=assignrule；

若要使表格居中，请从标记中删除这些

中心间隔格

单元格，并仅使用

table {
    margin-left: auto;
    margin-right: auto;
}

---

此外，

标签的css声明中存在语法错误，这将使以下任何样式崩溃。请检查浏览器的错误控制台！
若要使表格居中，请从标记中删除这些
中心间隔格
单元格，并仅使用

table {
    margin-left: auto;
    margin-right: auto;
}

此外，您的css标签声明中存在语法错误，这将使以下任何样式崩溃。请检查浏览器的错误控制台！
以了解相对位置的元素：

margin:0 auto;

其他方面：

对于相对定位的元件：

margin:0 auto;

其他方面：

我已经编写了大约一周的代码，所以我确信这里有很多错误。对不起！是的。请告诉我们您所问的错误。哪一个代码块完全不能按预期工作？请只在问题中输入相关代码，并使用整个代码进行演示（在您的域、JSFIDLE、jsbin或其他任何地方）只有。我已经编写了大约一个星期了，所以我确信这里有很多错误。对不起！是的。请告诉我们你问的是哪一个错误。哪一个代码块完全没有按预期工作？请只在问题中列出相关的代码，并仅将整个代码用于演示（在你的域、JSFIDLE、jsbin或任何地方）。