请教html+css　页面显示问题，

bluezsh 2013-07-22 04:32:29

一下这段代码不支持 ie10和 firefox，最近查看了一下html5方面的资料，还是未修改完成，请各位帮忙，原始代码如下：

<style>
.button1{border-right:1px #FFFFFF solid; border-bottom:1px #FFFFFF solid; border-left:1px #666666 solid; border-top:1px #666666 solid; background-color: #F9F9F9; width:50px;}
.button2{border-left:1px #FFFFFF solid; border-top:1px #FFFFFF solid; border-right:1px #666666 solid; border-bottom:1px #666666 solid; background-color: #D4D0C8; width:50px;}
</style>

<body style="background-color:#FFFFFF margin: 0px" width="800px" height="1000px" onscroll="change_pos();">
<div id="ground" style="position: absolute; left=0px;top=50px;width=800px;height=2000px;visibility: visible; z-index:0">
<table background="/images/sg.gif" width="100%" height="100%">
<tr>
<td> 1111</td>
</tr>
</table>
</div>

<form method="post" name="a" action="/cards/setup/bjsetup.php3">
<div id="info" style="position:absolute; left:0; top:0; z-index:1000">
<table border="1" cellpadding="0" cellspacing="0" bordercolorlight="#C0C0C0" bordercolordark="#FFFFFF" style="background-color:#D4D0C8" width="800px" style="border:1px #666666 solid"><tr><td style="color:#000000">
<input type="submit" value=" 保存 " name="submit">
字段名称 <input type="text" name="field" size="30" value="" id="field" readonly>
宽度 <input type="text" name="width" size="5" value="" id="width">px
高度 <input type="text" name="height" size="5" value="" id="height">px
左距 <input type="text" name="left" size="5" value="" id="left">px
顶距 <input type="text" name="top" size="5" value="" id="top">px
</td></tr></table>
</div>
<input type="hidden" name="card" size="7" value="36" id="card"><input type="hidden" name="fieldid" size="7" value="" id="fieldid">

<div id="floater1" onmouseover="showstatus('36','326','姓名','100','50','300','30')" ondblclick="showDiv('floater1','1')" style="position: absolute; left=100px;top=50px;width=300px;height=30px;visibility: visible; z-index:1;" onmouseup="chkpoint(this);document.forms[0].X1.value=floater1.style.pixelLeft;document.forms[0].Y1.value=floater1.style.pixelTop;">
<table border="1" width="100%" style="background-color:#00FFFF" height="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" style="font-size:9pt"><input type="hidden" name="T1" value="326" id="T1"><input type="hidden" name="W1" value="300" id="W1"><input type="hidden" name="H1" value="30" id="H1">
<input type="hidden" name="X1" size="7" value="100" id="X1">
<input type="hidden" name="Y1" size="7" value="50" id="Y1">

姓名:
</td>
</tr>
</table>
</div>

<div id="floater2" onmouseover="showstatus('36','327','单位','100','80','300','30')" ondblclick="showDiv('floater2','2')" style="position: absolute; left=100px;top=80px;width=300px;height=30px;visibility: visible; z-index:1;" onmouseup="chkpoint(this);document.forms[0].X2.value=floater2.style.pixelLeft;document.forms[0].Y2.value=floater2.style.pixelTop;">
<table border="1" width="100%" style="background-color:#00FFFF" height="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" style="font-size:9pt"><input type="hidden" name="T2" value="327" id="T2"><input type="hidden" name="W2" value="300" id="W2"><input type="hidden" name="H2" value="30" id="H2">
<input type="hidden" name="X2" size="7" value="100" id="X2">
<input type="hidden" name="Y2" size="7" value="80" id="Y2">

单位:
</td>
</tr>
</table>
</div>

<input type="hidden" name="js" value="17">
</form>

<div id="change" style="position: absolute; left:0px; top:0px; width:130px; height:0px; visibility: hidden; border-left:1px #FFFFFF solid; border-top:1px #FFFFFF solid; border-right:1px #666666 solid; border-bottom:1px #666666 solid; background-color: #D4D0C8; z-index:200" align=center onkeyup="vok()">
<table border=0 cellpadding=0 cellspacing=6 width=100%>
<tr><td align="center" style="color:#000000">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; line-height: 150%" bordercolor="#111111" width="100%" id="AutoNumber1">
<tr>
<td width="100%" align="center">宽度 <input type="text" name="change_w" id="oWidth" value="" class="button1" size="20"></td>
</tr>
<tr>
<td width="100%" align="center">
<input type="button" value="1/1" onclick="oWidth.value=600" class="button2" style="font-family: Arial">
<input type="button" value="1/2" onclick="oWidth.value=300" class="button2" style="font-family: Arial"><br>
<input type="button" value="1/3" onclick="oWidth.value=200" class="button2" style="font-family: Arial">
<input type="button" value="1/4" onclick="oWidth.value=150" class="button2" style="font-family: Arial"></td>
</tr>
<tr>
<td width="100%" align="center"><hr ></td>
</tr>
<tr>
<td width="100%" align="center" valign="top">高度 <input type="text" name="change_h" value="" class="button1" size="20"></td>
</tr>
<tr style="display:none">
<td width="100%" align="center"><font color="#FFFFFF"> <input style="display:none" type="text" name="change_x" value="" class="button1" size="20">
<input style="display:none" type="text" name="change_y" value="" class="button1" size="20"></font></td>
</tr>
<tr>
<td width="100%" align="center" height="2"></td>
</tr>
<tr>
<td width="100%" align="center">
<input id="oSave" type="button" name="B1" value="保存" onclick="changePosition();" class="button2"><input id="oCancel" type="button" name="B2" value="关闭" onclick="closeDiv();" class=button2>
</td>
</tr>
</table>
</td></tr>
</table>
</div>
<input type="hidden" name="change_id" value=""><input type="hidden" name="change_num" value="">
</body>

...全文