表格的显示（浏览器兼容问题）

fanzhouqi 2010-11-11 05:38:17

在IE下，左侧的单元格与右侧的单元格未能对其（账号、密码这里）

而Firefox下是正常的

路过的朋友帮忙看看，如何写浏览器兼容代码。

HTML代码：





	<div id="mainbox">

		<table class="edittable" cellpadding="0" cellspacing="1">

			<thead>

				<tr>

				<td width="24%">填写类别</td>

				<td>填写内容</td>

				</tr>

			</thead>

			<tbody>

				<tr>

				<td class="lefttd">

					<div class="leftcell">账号：</div>

				</td>

      			<td>

      				<div class="rightcell">

          			<input type="text" value="" />

          			<font color="red">*</font>

          			</div>

          		</td>

				</tr>

				<tr>

				<td class="lefttd">

					<div class="leftcell">密码：</div>

				</td>

      			<td>

      				<div class="rightcell">

          			<input type="text" value="" />

          			<font color="red">*</font>

          			</div>

          		</td>

				</tr>

			</tbody>

		</table>

	</div>

CSS：



body

{

	font-size:14px;

}



#headline

{

	width:350px; 

	border-bottom:#348abb 1px solid; 

	font-size:14px; 

	font-weight:bold; 

	height:27px;

}



#headline div

{

	float:left;

}



#headline .text

{

	padding-left:12px; 

	padding-top:5px; 

	color:#35568b;

}



#mainbox

{

	width:350px; 

	padding-left:20px; 

	padding-top:15px; 

	font-size:12px; 

	text-align:left; 

	font-weight: normal;

}



.datatable, .edittable

{

	width:100%;

	font-size:12px;

}



.edittable thead

{

	color:#FFF; 

	height:20px;

	font-weight:bold;

	text-align:center;

	background-color: #348abb;

}



.edittable tbody .leftcell

{

	color:#365480; 

	background-color:#dce4ef; 

	margin-top:2px; 

	padding-top:4px;

	height:16px;

}



.edittable tbody .rightcell

{

	color:#365480; 

	padding-left:12px; 

	margin-top:2px; 

	background-color:#dce4ef; 

	height:20px;

}



.edittable tbody td

{

	height:22px;

}



.edittable tbody .lefttd

{

	text-align: center;

}



.edittable input

{

	font-size:12px; 

	border:#a8c7ce 1px solid; 

	width:150px;

}

...全文

311 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

fwwly819316 2011-04-28

打赏
举报

浏览器兼容性问题?我现在也遇到了类似的问题.高版本没问题.

likelearn 2010-11-12

打赏
举报

最好自己去看看浏览器兼容性的文章！

mike_24 2010-11-11

打赏
举报



<div id="mainbox">

        <table class="edittable" cellpadding="0" cellspacing="1">

                <tr>

                <th width="24%">填写类别</th>

                <th>填写内容</th>

                </tr>

                <tr>

                <td class="lefttd">

                    <div class="leftcell">账号：</div>

                </td>

                  <td>

                      <div class="rightcell">

                      <input type="text" value="" />

                      <font color="red">*</font>

                      </div>

                  </td>

                </tr>

                <tr>

                <td class="lefttd">

                    <div class="leftcell">密码：</div>

                </td>

                  <td>

                      <div class="rightcell">

                      <input type="text" value="" />

                      <font color="red">*</font>

                      </div>

                  </td>

                </tr>

                

         </table>

    </div>

mike_24 2010-11-11

打赏
举报



<div id="mainbox">

        <table class="edittable" cellpadding="0" cellspacing="1">

                <tr>

                <th width="24%">填写类别</td>

                <th>填写内容</td>

                </tr>

                <tr>

                <td class="lefttd">

                    <div class="leftcell">账号：</div>

                </td>

                  <td>

                      <div class="rightcell">

                      <input type="text" value="" />

                      <font color="red">*</font>

                      </div>

                  </td>

                </tr>

                <tr>

                <td class="lefttd">

                    <div class="leftcell">密码：</div>

                </td>

                  <td>

                      <div class="rightcell">

                      <input type="text" value="" />

                      <font color="red">*</font>

                      </div>

                  </td>

                </tr>

                

         </table>

    </div>