关于CSS DIV IE7 IE8兼容性问题

首先 IE8下没有问题 但是IE7下有问题 6就更别说了 我的思路是先把IE8变成IE7的给解决好了 之后再解决IE6的。 不扯了 说问题:我的网页IE8里显示没问题到了IE7 大的DIV框架也没问题 就是小的字的高度啦 边距啦 有问题
我这个网页代码很简单 CLASS里只有(margin padding float line-height 4个跟边距行距有关的量)
问下哪个变量IE8和IE7是不同的? 解决办法是什么?(除了!important...)
P.S DIV结构很规范 肯定是边距出了问题

这样写兼容

margin:0 1px 0 1px; 针对火狐

+margin:0 3px 0 3px; 针对IE7

_margin:0 2px 0 2px; 针对IE6

margin:0 1px 0 1px\0; 针对IE8

也就是说你出问题的部分 需要写4句不同的代码去挨个测试,如果都OK了,那就都兼容了,这4句只要加上我给你写的兼容 就互不影响。
温馨提示:内容为网友见解,仅供参考
第1个回答  2010-07-22
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

很多兼容问题,都是各个浏览器对不同的标签有不同的默认值做成的,所以最好在每次做CSS前,都加入上面一个代码reset一下各个浏览器的默认设置,这样后面的设计你会少遇到很多麻烦。

上面这个就是大名鼎鼎的“CSS Tools: Reset CSS”,可以查看参考链接或搜索一下Reset CSS。

参考资料:http://meyerweb.com/eric/tools/css/reset/

第2个回答  2010-07-22
把源码贴出来我给你看看
第3个回答  2010-07-22
求原码.....

IE7和IE8主要有哪些css兼容性问题?
7, 关于手形光标. cursor: pointer. 而hand 只适用于 IE.1 针对firefox ie6 ie7的css样式 现在大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,但是ie7对!important可以正确解释,会导致页面没按要求显示!找到一个针 对IE7不错的hack方式就是使用“*+html”,现在用IE7浏览一下...

如何控制div+css适应不同的浏览器
margin-left:10px !important;\/*IE7,IE8,FF下是10PX*\/;margin-left:5px;\/*IE6下属性写的是5PX,但在显示出来的是10px 3.清除块display,这个可以解决浮动造成的块,造成块后,当DIV背景填色或填图片的时候,会出现背景断开或差一小块。这种兼容出现的不太多,我做到现在,只遇到过两次,方法...

css+div样式的网站为什么在不同的机器上显示的效果不同
因为内核不同 甚至在IE6,IE7之间的效果都不用,因为版本不同 所以做一个网页都要满足不同的浏览器就不是那么容易了 并不是说你的语法都对,而且符合标准就显示都正确了,正是由于有IE等对WEB标准支持不太好的浏览器,才导致这种显示不一致的状态.让网页设计师最头疼的就是要顾及所有浏览器,而且WEB...

div布局与浏览器兼容问题,ie tester的ie7不好使。
1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行 2. margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline;例如:<#...

...在一台电脑上无论什么分辨率位置都没问题,但是到别的电脑位置就乱...
我可以用专业的精神回答你,如果你是用DIV+css的话,那百分百是兼容性问题,就是说IE7\\IE6\\IE8不同版本的浏览器看到的效果是不一样的,尤其是在FF浏览器下,更是会让你大跌眼镜,所以DIV+CSS麻烦就在这里,兼容性要一步一步调试的,建议你下个FF浏览器和ietester(集成IE5.5到IE8.0核心,是...

浏览器css兼容问题(css兼容ie)
IE低版本不再考虑,以前要考虑IE6、IE7、IE8、IE9等不同版本的兼容性; 手机Wap端页面主要在Webkit内核浏览器下测试即可。 所以前端同学在测兼容性时,主要使用:IE10浏览器、Chrome浏览器进行测试即可。如果非要考虑低版本的IE兼容性,可使用IETester这类工具,另外在浏览器调试模式下可以直接指定IE内核。常见的css浏...

IE7与IE8的css兼容性是不是一样的?大神们帮帮忙
IE7与IE8的css兼容性不完全一样。 腾讯TT与遨游的内核是IE,如果你装IE7,就是IE7的内核,装了IE6就是IE6的内核,装了IE8就是IE8内核 希望采纳

前端常见浏览器兼容问题?
首先打开IE浏览器单击右上方的“设置”图标。在弹出来的菜单中选择“兼容性视图设置”。前端面试题之解决浏览器兼容性的方案ie8浏览器相容性问题怎么解决方法简单方法:通过IE0浏览器介面中的“相容性检视”按钮,重新开启当前地址网页便可方法2:通过IE0浏览器选单中的“工具”-“相容性检视设定”来...

如何解决不同浏览器之间的兼容性问题
常见的浏览器兼容性问题与解决方案大致有以下九种形式: 一、不同浏览器的标签默认的外边界和内填充不同问题表现:不加样式控制下,margin和padding差异较大解决方案:css里 *{margin:0; padding:0;}备注:这是最常见也是最易解决的一个兼容问题,几乎所有的css文件开头都会用通配符*来设置各个标签外...

网页中DIV排列问题
DIV+CSS的程序对不同的浏览器的支持和识别时不一样的。360或者IE都是IE内核的,而火狐是非IE内核的,所以解决的办法要从CSS样式上解决,而不是js的代码解决。对于不同的浏览器的CSS样式你可以先百度学习一下。然后再去修改。不然问题就不好解决了。

相似回答