让我一直很郁闷的表格问题,单元格大小总是莫名其妙的不受控制,请大家来看看
很简单的两段代码,代码1是我所需要的格式,代码2只是在代码1上加了一张图片,就出问题了,单元格的边线跑右边去了(不受宽度120的控制)
代码1:
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td colspan="2" height="73">没有图片</td>
</tr>
<tr>
<td width="120" rowspan="2" style="border-right: gray 1px solid;">边线位置正确</td>
<td>无</td>
</tr>
<tr>
<td height="60">没有图片</td>
</tr>
</table>
代码2:
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td colspan="2" height="73"><img src="http://community.csdn.net/images/ad/CSDN_jyxgx.gif"></td>
</tr>
<tr>
<td width="120" rowspan="2" style="border-right: gray 1px solid;">问题来了,单元格边线跑右边去了</td>
<td>无</td>
</tr>
<tr>
<td height="60">没有图片</td>
</tr>
</table>
上面是两个比较典型的例子,我平时在做表格时经常会遇到类似的问题,一直都不知道原因,希望大家指点指点
问题点数:50、回复次数:4Top
1 楼mfzhao(往来之间,光明无限!)回复于 2005-08-16 14:15:47 得分 10
你表格整体用了100%,单元格又用像索,而且只有一单元格用设定了宽度,所以浏览器无法确定怎么定位。
建议你最好统一用像索定位,除非你特殊情况!
<tr>
<td width="120" rowspan="2" style="border-right: gray 1px solid;">问题来了,单元格边线跑右边去了</td>
<td width="628">无</td>
</tr>Top
2 楼gemini1978(gemini)回复于 2005-08-16 14:38:19 得分 0
我的网页想做成全屏的,不管分辨率是800*600还是1024*768,看上来都一样,所以需要用百分比。
现在关键问题是为什么我用第一种写法正常,而第二种写法只是多了张图片却会出现问题。Top
3 楼ssm1226(雨中人(虚心学习))回复于 2005-08-16 16:01:03 得分 40
这个可能是table的一个bug吧,
对于问题2出现的问题,试试给<table标记加入cols属性~~~~~
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%" cols=2>Top
4 楼gemini1978(gemini)回复于 2005-08-16 16:32:03 得分 0
感谢诸位热心的解答,加入cols属性后确实可以解决上面的问题。
我在编写网页时,经常出现在单元格中嵌套了表格或者图片等元素后,就打乱了原先的表格结构,回头来检查时却检查不出问题(因为表格的定义确实是合理的),难道这真的是html解析的bug?
怎样才能避免呢?Top




