最近在调页面样式布局的时候发现，table布局在IE7以上的版本中支持不够好

最新推荐文章于 2016-11-16 09:24:00 发布
最新推荐文章于 2016-11-16 09:24:00 发布
阅读量1.1k 收藏
点赞数
分类专栏： 学习笔记 文章标签： DIVCSS table 布局
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/u010685007/article/details/51878475
版权
在IE7以下浏览器中，table布局更为整齐。但鉴于现代浏览器以IE8以上为主，推荐采用DIV/CSS进行页面布局。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

相比之下，IE7以下的浏览器中，table布局倒是特别整齐。

由于现在普遍流行的是IE8以上的浏览器，所以建议使用DIV/CSS进行页面布局。

DIV与Table布局在大型网站的可用性比较
09-27
标题中的“DIV与Table布局在大型网站的可用性比较”主要探讨了两种网页布局方式在构建大型网站时的适用性和优劣势。描述中强调了HTML的DIV和TABLE元素各有其特定用途，Web标准推荐正确使用标签，即DIV用于布局，...
table自动拉伸在chrome与IE中的兼容性问题解决
09-25
在网页开发中，表格（table）布局经常遇到各种兼容性问题，尤其是在不同的浏览器之间。本文主要探讨了在Chrome和IE浏览器中，table自动拉伸时的兼容性差异，并提供了相应的解决方案。 首先，我们要理解问题的核心：...
IE7下用js生成table时，table不显示问题
一样的世界，不一样的时间
08-25 1415
在IE7下用js生成table时，遇到table不显示问题，仔细查找一番后，发现错误在于IE7对于js的appendChild支持有问题上。使用appendChild对表格dom插入行或者单元时，IE7的html代码正确，但table不能正确显示出来。对于table的处理，应该使
IE7中的table与td宽度
难得悠闲自得
09-26 253
IE7中当table的宽度定为百分数时，td的宽度也必须是百分数，否则td宽度设为px时，容易使td的宽度设定失效。
CSS布局资料：IE5、IE6、IE7、IE8 的CSS HACK兼容列表
优快云版
03-14 969
一、CSS HACK以下两种方法几乎能解决现今所有HACK.1, !important随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)#wrapper{width: 100px!important; /* IE7+FF */width: 80px; /* IE6 */}2, IE6/IE77对Fire
IE7 table cell
Even713的专栏
03-01 1977
<br />这个问题花了很长时间。<br />用很常规的方法做表格单元格阴影效果<br />{<br />border-color: #FFF #CCC #CCC #FFF;<br />border-width: 1px;<br />border-style: solid;<br />}<br />在IE7中表格边框变仅剩#FFF。当然我的情况比较复杂，单纯的表格式不会出现这种情况的。<br />YUI的table中设置了border-collapse: collapse。就是边框覆盖了。<br />于是简
IE7的web标准之道——3：（修正）引起页面布局混乱的祸首
02-25 502
IE7的web标准之道IE历来被web标准的拥护者所诟病，而当FireFox横空出世以后，更多的网页制作者开始关注web标准设计。看着FireFox的市场占有率不停的上升，微软终于推出了IE7。但IE7是否真的能够力挽狂澜，是否真的能够得到用户的信任，是否真的能够得到网页设计者的认可呢？且看《IE7的web标准之道》系列文章，和你一起见证IE7的改变！前言现在，最令网
用div和ul标签画表格进行布局兼容火狐、ie6、ie7、Opera等浏览器
12-08
`是一个重要的技巧，用于覆盖IE6和更低版本的浏览器中的默认样式，因为这些浏览器不支持`!important`规则。`border-top`定义了顶部边框，而`border-bottom`和`border-left`在`ul`标签中被设置为0，以消除这些边框，...
div+css table布局实现代码
09-27
【div+css table布局实现代码】是一个关于使用CSS模拟HTML表格布局的技术，目的是为了在不使用`<table>`标签的情况下，实现多个容器等高并排显示的效果。这种布局方式常见于网页设计，允许内容在各自容器中居中或...
ie7和ie8下 jquery 操作table标签元素
殇沫流年的专栏
12-24 1484
ie7     要关注table标签下的tbody标签 ie8 不需要关注table标签下的tbody标签 调用jquery的empty（）方法时： /*ie7下的 必须把tabl标签下的tbody标签内容清空    ie8只需清理table标签*/     $("table  tbody").empty(); 1，有如下这样一段html
IE7浏览器模式中表格tr/td渲染的一个bug
weixin_30293079的博客
11-17 162
在IE7的模式下，如果tr设置了背景图片，在td中设置其background-color会显示不出来这个td的背景色。 转载于:https://www.cnblogs.com/ifishing/archive/2010/11/17/1880276.html...
常用能兼容IE7的页面布局汇总
a633125的博客
11-16 233
一.兼容到IE7，头部脚部固定，内容区自适应撑开 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> html, body { margin: 0; paddin...
IE7下在DD DT中插入<a>元素导致样式跑偏的解决方法
ForeverCjl的专栏
11-14 2002
IE7下在DD DT中插入<a>元素导致样式跑偏的解决方法
ExtJS grid在IE7下显示不出来?
weixin_30248399的博客
10-23 58
把renderTo或autoRender属性放到最后,就可以了 转载于:https://www.cnblogs.com/rav009/archive/2011/10/23/5131258.html
IE7默认样式表
ProgramSource
11-15 488
[dir=rtl] dd { margin: 0 30pt 0 0; } [dir=rtl] menu { margin: 14pt 30pt 14pt 0; } [dir=rtl] ol { margin: 14pt 30pt 14pt 0; } [dir=rtl] ul { margin: 14pt 30pt 14pt 0; } a { color: #06C; text-
html5响应式布局，兼容ie7.8
ZuoYanDeHuangHun的专栏
08-19 3042
1：Meta标签 2，IE8或者更早的浏览器并不支持Media Query。在此引入respond.js 3，html结构 4，媒介查询-Media Queries         CSS3 Media Query-媒介查询是响应式设计的核心。它根据条件告诉浏览器如何为指定视图宽度渲染页面。         当视图宽度为
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值