1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > 在ie 7或ie 6里如何让超出td宽度的内容浮动显示在后面的td里【HTML】

在ie 7或ie 6里如何让超出td宽度的内容浮动显示在后面的td里【HTML】

时间:2023-03-23 16:52:32

相关推荐

在ie 7或ie 6里如何让超出td宽度的内容浮动显示在后面的td里【HTML】

web前端|html教程

在ie 7或ie 6里如何让超出td宽度的内容浮动显示在后面的td里

web前端-html教程

微信收费阅读源码,vscode时序图插件,手机装了ubuntu,tomcat修改访问页面,sqlite3库数据怎么看,胎生爬虫,bzip2 php,抚顺360seo推广,下载的网站模版怎么用,baocms模板首页怎么改lzw

.table {border-collapse: collapse;table-layout: fixed;font: normal 11px arial;}.row {height:25px;}.cell {background-color:#ECF4FE;font-family:Arial,Verdana,sans-serif;font-size: 11px;border-bottom-width: 1px;border-bottom-color: #ECF4FE;border-bottom-style: dotted;border-top: none;border-left: 1px solid #EC0000;border-right: 1px solid #EC0000;vertical-align: middle;padding-left: 3px;padding-right: 3px;}

如题和上述代码,在ie7标准模式下。

印刷网上平台源码,vscode运行后中文乱码,ubuntu关闭x,tomcat运行两个项目,网hp sqlite,网页设计中模板的作用,mysql 还原数据库sql,韩国服务器,上传并预览图片插件,桌面框架 前端,木箱养爬虫,php能干什么,梧州seo,springboot不打包,政府类免费网站模板下载,个人网页代码,小米商城网站模板,网站后台管理员职责,下拉页面,宿舍管理系统毕业论文,destoon 小程序源码lzw

情形一:

如果表格上面有 table-layout: fixed; 这个样式,上述代码在页面上显示的效果是

php分销源码,vscode支持less,ubuntu启动程序完整中文版,tomcat怎么驱动,c 执行sqlite事务,提示信息插件,web前端框架是干嘛的,抢购爬虫怎么做,php开发实战pdf,烟台seo测,门户网站魔客吧,网页特效 折线图,html模板页,mfc程序实例下载lzw

情形二:

如果表格上面没有 table-layout: fixed; 这个样式,上述代码在页面上显示的效果是

很显然这两种结果都不理想。

在我现在的需求里,限于总体设计的因素,table标签上的table-layout: fixed; 是必须要有的。但是我又需要把单元格里超出单元格的那些内容浮动显示在它后面的各个单元格里,不能像情形二里那样直接把第一个单元格拉宽。理想效果如下

上面的理想效果目前在IE 8,Firefox,Chrome,Safari,Opera这几款浏览器里都实现了,就差ie 7,也许还有ie 6。

忘好心人指点。

回复讨论(解决方案)

这个太简单了,不用 fixed,用absolute

另外,你的table太多垃圾代码了。。样式其实可以很简化。。

body{font-size:12px; font-family:Tahoma, Geneva, sans-serif; height:25px; line-height:25px;}.table { border-collapse: collapse; table-layout: fixed; font: normal 11px arial;}.row { height:25px;}.cell { background-color:#ECF4FE; font-family:Arial,Verdana,sans-serif; font-size: 11px; border-bottom-width: 1px; border-bottom-color: #ECF4FE; border-bottom-style: dotted; border-top: none; border-left: 1px solid #EC0000; border-right: 1px solid #EC0000; vertical-align: middle; padding-left: 3px; padding-right: 3px;}.txt{position:absolute;}

Text Text Text Text Text Text Text Text

楼上的,表格的存在还有什么意义呢...

楼上的,表格的存在还有什么意义呢...

这个我也不清楚,你问LZ

主要是功能能实现就好。

在DIV增加 position:relative,IE9通过;

.table {

border-collapse: collapse;

table-layout: fixed;

font: normal 11px arial;

}

.row {

height:25px;

}

.cell {

background-color:#ECF4FE;

font-family:Arial,Verdana,sans-serif;

font-size: 11px;

border-bottom-width: 1px;

border-bottom-color: #ECF4FE;

border-bottom-style: dotted;

border-top: none;

border-left: 1px solid #EC0000;

border-right: 1px solid #EC0000;

vertical-align: middle;

padding-left: 3px;

padding-right: 3px;

}

IE6 也通过。

楼主的表格完全是一个背景嘛

楼主的表格完全是一个背景嘛

时过境迁,早就不用再处理这蛋疼的浏览器兼容性问题了。我记得这表格肯定不是背景,帖子里的是我截的图片,而且是专门为发帖造的例子,看起来像而已。

我觉得,用Table布局不好,希望多用div

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。