Question

关于html css 中一个表格的问题？ 在做一个网页 急急急

<table border="1" cellspacing="0" cellpadding="0">
<tr >
<td rowspan="6" align="center" width="160">
<img width="120" height="150" src="file:///F|/黄瓜山宣传网站/huangguashang/images/indexImages/美味可口烤全羊.jpg" style="padding:3px; border:1px solid #CCCCCC;"></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>名称：</td>
<td>地址：</td>
</tr>

<tr>
<td>特色菜：</td>
<td>娱乐项目：</td>
</tr>
<tr>
<td>床位：</td>
<td>停车位：</td>
</tr>
<tr>
<td>联系人：</td>
<td>电话：</td>
</tr>
<tr>
<td>备注：</td>
<td></td>
</tr>
</table>
这是css样式
.content_text_miancenterText table {
padding: 5px;
border-bottom:1px solid #CCCCCC;
height: 210px;
text-align: left;
width: 100%;
line-height: 30px;
background-color: #3399FF;
}
为什么整个表格在ie中要高？

Answer 1

你这个样式应该是table的 所以line-height 加这就不对
你应该写到下层里就可以了 比如
.content_text_miancenterText table {}
.content_text_miancenterText table tr{}
.content_text_miancenterText table tr td{line-height:30px;height:30px;}

Answer 2

浏览器问题，ie和其他浏览器边距都是不同的，可以设置边距为0；*｛margin:0;padding:0｝;是这个意思么？

追问

这个设了的 而且ie中要高40px 是不是在表格放的那个图片造成的呀？

追答

你把图片去掉看下；，我这里看不到图片；你这class是哪个？有完整代码么

追问

是table的呀 我知道了 是line-height: 30px;的原因 ie把它加到高度中去了 要是去掉的话 在搜狗浏览器中tr又不等高了 啊啊 好烦啊 讨厌的兼容性问题

追答

我的ie火狐都显示正常，我的是ie6，ie7，你可以用div写个表格，多简单啊，

追问

表格那么多个框框 要写那么多个div吗

追答

table才麻烦呢，改起来也不方便，代码量肯定比表格简洁多了，我很少用table，反正我觉得div比较好