在用表格时,会用colspan合并相应的列,如果上边是一个总行我的做法是直接写一个比较大的数字,然后下边到底有多少列我不管了,因为在IE7以下的时代都会好好的显示出来,而到了IE8中会出现这样的问题,前提是有
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd >
< html xmlns="http://www.w3.org/1999/xhtml" >

HTML测试代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" ><head>
<title>无标题页</title>
</head>
<body>
<table cellpadding="1" cellspacing="1" style="background-color:#009543; width:100%; margin:auto">
<tr style="background-color:#F2F2F2;height:20px; ">
<td colspan="3">表头 colspan=3正常 </td>
</tr>
<tr style="background-color:#F2F2F2;height:20px;">
<td></td>
<td></td>
<td></td>
</tr>
</table>
<br />
<table cellpadding="1" cellspacing="1" style="background-color:#009543; width:100%; margin:auto">
<tr style="background-color:#F2F2F2;height:20px; ">
<td colspan="5">表头 colspan=5 </td>
</tr>
<tr style="background-color:#F2F2F2;height:20px;">
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
代码运行图为:IE7效果:

IE8效果:

在FF下也是正常的
--------------------------------------------------
posted on 2008-04-15 17:37
liydotnet 阅读(535)
评论(8) 编辑 收藏