网页表格在不同浏览器中显示差异的问题

发布网友 发布时间：2022-04-19 05:20

我来回答

共9个回答

懂视网 时间：2022-04-19 09:41

在做页面是有时候会用到分割线 hr，但是在 ie6 和 ie7 下显示很蛋疼，本文将教你如何写出兼容各浏览器的 hr。
 
首页我们先了解下 hr 在各浏览器下的差异，如下表格：

比如想创建一个实际高度为 3px，边框为 1px，边框颜色为 #07f，背景色为 #f60 的分割线：

代码如下:
hr{
height:1px;
background-color:#f60;
border:1px solid #000;
*height:3px;/* for ie6 ie7 */
color:#f60;/* for ie6 ie7 */
}
@-moz-document url-prefix(){ hr{height:3px;}} /* for firefox */

热心网友 时间：2022-04-19 06:49

div的话只要定义好 width height 浮动 就行了
表格应该也可也 定义好<table>的 width height
还不行的话就得把每个单元格的 width height 定义好

热心网友 时间：2022-04-19 08:07

在不同的浏览器中确实会出现这样的情况，以下的hack可供参考

IE都能识别*，标准浏览器（如FF）不能识别*；
IE6能识别*，但不能识别
!important；
IE7能识别*，也能识别
!important；
IE8能识别\0，不能识别*，+,_,*加!important;
FF不能识别*，但能识别
!important；
例如style="*width:10px!important;
width:20px;"
这样在IE6下宽度为10px,在IE7下宽度时20px

热心网友 时间：2022-04-19 09:42

很简单
不要再用像素
直接用百分比来控制大小
width="x%"
heght="x%"这样的话页面里面的大小就会自动根据浏览器来调整了

热心网友 时间：2022-04-19 11:33

你用的是DIV+CSS布局的？
多是由于浏览器对WEB标准支持不够的原因造成的。
尽量不要使用过于复杂布局，不要使用浏览器之间不兼容的代码。
可以在网上找些CSSHAKER代码临时解决这些问题。

热心网友 时间：2022-04-19 13:41

别用像素定距离
用%
相对位置

热心网友 时间：2022-04-19 16:06

这个和浏览器兼容问题有关，最好用%定位，不要用像素

热心网友 时间：2022-04-19 18:47

网页代码与浏览器不兼容的问题导致的！现在都采用CSS+DIV来布局了！

热心网友 时间：2022-04-19 21:45

像素是绝对单位，用em啊，那是相对的