• 设为首页
  • 加入收藏
  • 我要投稿
  • 联系站长
  • 网站模板技术交流
当前位置:模板网首页 > 建站教程 > Div+Css >  IE浏览器TD设置宽度无正文

IE浏览器TD设置宽度无效简单解决办法,TD固定宽度

作者:网页模板
类型:图文教程
点击次数:
发布时间:2014-03-19 15:07
分享到:
虽然表格布局渐渐的落后,被人遗忘。但是他那无可比拟的兼容性级其他一些优点将令其不会再网页布局这块很快退出历史舞台。
IE浏览器TD设置宽度无效简单解决办法,TD固定宽度
模板网今天再给客户做网站时,发现TD设置宽度无效。布局很简单,就是一行tr,中间套了大概五个td,也就是一行五列。第一列、第三列、第五列都有内容,第二列和第四列只有宽度,里面什么内容都没有。在火狐、谷歌浏览器浏览正常,但是到了IE浏览器,发现第四列和第二列实际宽度比为0,儿有内容的三列实际宽度比设置的要宽。解决办法是,在空TD里面加&nbsp,也就是空格,加多个就可以撑开。但是这样还不够,如果加的多了,IE会自动换行,以保证刚好宽度为设置的宽度,但是火狐会撑开,变形。于是,想到了IE注释,代码如下:
<!--[if IE]>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<![endif]-->
这样,在火狐、谷歌和IE浏览器,TD的设置宽度和实际宽度就一样了。当然,这是笨办法,可能能够解决一些类似的问题。最好解决办法还是换成div布局。

(责任编辑:网页模板)
  • 本文标签:
  • TD宽度无效,TD固定宽度
P不能嵌套div标签,P标签不能嵌套块标签
IE6、IE7不支持margin:0 auto容器居中解决办法