欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

一个IE浏览器的兼容问题,望大侠们帮助_html/css_WEB-ITnose

程序员文章站 2022-06-04 15:58:55
...
自己遇到一个CSS兼容问题,发现在IE中部兼容,出现了错位,在其他非IE内核浏览器中基本都正常,这个是什么情况?在IE浏览器中如果启用高速模式,同样也没有问题,使用兼容模式就出现了错位的情况,望各位大侠给予指点,在此谢过!

错位图片如下图:



我的代码如下:
.artice{width:298px;height:283px;border:1px solid #DBDBDB;float:right;margin-top:-290px;}.box{width:100%;height:20px;line-height:20px;background-color:#EBEBEB;border-bottom:1px solid #DADADA;} .wenzhang{width:100%;overflow:hidden;zoom:1;height:100%;}.wenzhang ul{float:left;}.ico3 li{padding-left:16px;background:url(../images/ico-3.gif) 7px 11px no-repeat;}.d1{padding:4px 0px;}.d1 li{height:23px;line-height:23px;overflow:hidden;width:100%;}

回复讨论(解决方案)

用position固定一下位置吧

IE几?

代码也贴下

IE几?
IE 9

代码如下:

最新文章

.wenzhang ul{*margin:0;}.box h2{margin:0; height:20px; line-height:20px; font-size:12px;}


加上去试看看

CSS code

.wenzhang ul{*margin:0;}
.box h2{margin:0; height:20px; line-height:20px; font-size:12px;}



加上去试看看

试过了,没有效果~~但是还是要谢谢你的回复~~

引用 6 楼 的回复:

CSS code

.wenzhang ul{*margin:0;}
.box h2{margin:0; height:20px; line-height:20px; font-size:12px;}



加上去试看看


试过了,没有效果~~但是还是要谢谢你的回复~~

换个方案

无标题文档

主要就是IE和FF它们使用的CSS盒模型不同。楼主自己搜一下“CSS盒模型”看看说明就知道了。