61,111
社区成员
发帖
与我相关
我的任务
分享高手帮小弟，table行高自动问题
想要得到这样的效果：
<table border=1 style="height:400px;width:100%;">
<tr style="height:20px;">
<td>设置为高度20px</td>
</tr>
<tr>
<td>不设置高度自动剩余高度</td>
</tr>
<tr style="height:20px;">
<td>设置为高度20px</td>
</tr>
</table>
问题：我页面加上了<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
就3行都一样高了，请问有什么办法解决，为什么会这样。
<table border=1 style="height:400px;width:100%;">
<tr style="height:20px;">
<td>设置为高度20px</td>
</tr>
<tr>
<td>不设置高度自动剩余高度</td>
</tr>
<tr style="height:20px;">
<td>设置为高度20px</td>
</tr>
</table>
问题：我页面加上了<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
就3行都一样高了，请问有什么办法解决，为什么会这样。
...全文
请发表友善的回复…
发表回复
zhu18 2008-11-15
- 打赏
- 举报
求救。。。。。。。
一把编程的菜刀 2008-11-15
- 打赏
- 举报
[Quote=引用楼主 zhu18 的帖子:]
想要得到这样的效果：
<table border=1 style="height:400px;width:100%;">
<tr style="height:20px;">
<td>设置为高度20px </td>
</tr>
<tr>
<td>不设置高度自动剩余高度 </td>
</tr>
<tr style="height:20px;">
<td>设置为高度20px </td>
</tr>
</table>
问题：我页面加上了 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional…
[/Quote]
你这个应该是IE下的一个BUG吧
在FF里是不会出现的
你可以试试
想要得到这样的效果：
<table border=1 style="height:400px;width:100%;">
<tr style="height:20px;">
<td>设置为高度20px </td>
</tr>
<tr>
<td>不设置高度自动剩余高度 </td>
</tr>
<tr style="height:20px;">
<td>设置为高度20px </td>
</tr>
</table>
问题：我页面加上了 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional…
[/Quote]
你这个应该是IE下的一个BUG吧
在FF里是不会出现的
你可以试试
zhu18 2008-11-14
- 打赏
- 举报
我不用JS就实现不了这种效果了吗
那这个DOCTYPE 也太不友好了啊
那这个DOCTYPE 也太不友好了啊
yinhunfeixue 2008-11-14
- 打赏
- 举报
其它浏览器指非IE浏览器
yinhunfeixue 2008-11-14
- 打赏
- 举报
我在其它浏览器中试过，是理想情况。
你可以用JS动态设置第二行的高。
你可以用JS动态设置第二行的高。
zhu18 2008-11-14
- 打赏
- 举报
还是不行
<tr style="height:100%; ">
<td>不设置高度自动剩余高度 </td>
</tr>
这一行就全table的高度了
<tr style="height:100%; ">
<td>不设置高度自动剩余高度 </td>
</tr>
这一行就全table的高度了
kindwell 2008-11-14
- 打赏
- 举报
[Quote=引用 3 楼 zhu18 的回复:]
我不用JS就实现不了这种效果了吗
那这个DOCTYPE 也太不友好了啊
[/Quote]
这说明那段不符合W3C标准啊，像楼上的加个100%试一下。
我不用JS就实现不了这种效果了吗
那这个DOCTYPE 也太不友好了啊
[/Quote]
这说明那段不符合W3C标准啊，像楼上的加个100%试一下。
Tommy_Tommy 2008-11-14
- 打赏
- 举报
<tr style="height:100%; ">
<td>不设置高度自动剩余高度 </td>
</tr>
zhu18 2008-11-14
- 打赏
- 举报
没有高手指点我吗
自己顶```````
自己顶```````
