火狐浏览器CSS格式表格显示不正常

swrd2014 2015-05-22 06:03:43

从数据库中读出表格在页面上显示出来，其它浏览器CSS完全正常，火狐的显示出现问题，求大神帮忙看一下！代码如下
显示页面
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<link rel="stylesheet" type="text/css" href="css/table.css">
<title>现场维护人员信息</title>
</head>
<body style="background-image:url(images/body.jpg)">
<span class="hd">现场维护人员信息</span>
</br>
</br>
<?php
require_once("init.php");
$sql="select * from field_maintenance_infor";
$result=mysql_query($sql);
$row=mysql_num_rows($result);
$colums=mysql_num_fields($result);

echo "<table class='t1' border='1'><tr>";
//表头
for($i=0;$i<$colums;$i++){
$field_name=mysql_field_name($result,$i);
echo "<th>$field_name</th>";

}
echo "</tr>";
while($row=mysql_fetch_row($result)){
echo "<tr>";
for($i=0;$i<$colums;$i++){
echo "<td>$row[$i]</td>";

}
echo "</tr>";
}
echo "</table>";
mysql_free_result($result);
?>
</body>
</html>
CSS样式：
body {
border: 1px solid #2C2E2F;
width:100%;
height:100%;
margin: 0 auto;
}

.hd{
font-size: 25px;
color: white;
font-family: YouYuan;
display:block;
margin:auto;
text-align:center;
margin-top:20px;
}
.t1{
font-size: 18px;
color: white;
font-family: YouYuan;
display:block;
text-align:center;
margin-left:430px;
background-color:#2C2E2F;
height:30px;
}
.t1 caption{
font-size:20px;
font-weight:bold;
}
.t1 th{
background-color:#161616;
height:40px;
}
火狐浏览器效果：

其他浏览器正常效果：

...全文

423 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

swrd2014 2015-05-27

打赏
举报

引用 1 楼 danica7773 的回复:

.t1{ font-size: 18px; color: white; font-family: YouYuan; display:block; text-align:center; margin-left:430px; background-color:#2C2E2F; height:30px; } 红色的不要

非常感谢，原来是display元素在火狐表格tr中不兼容.

打字员 2015-05-26

打赏
举报

.t1{ font-size: 18px; color: white; font-family: YouYuan; display:block; text-align:center; margin-left:430px; background-color:#2C2E2F; height:30px; } 红色的不要