2 tofyshow tofyshow 于 2014.03.21 16:04 提问

css div 急速模式和兼容模式中浏览出现布局问题

div+css 如下

//css

#HeadLeft, #HeadRight { float: left; margin: 0 0 0 -490px; width: 50%; height: 335px; } #HeadContent { width: 980px; float: left; background: green; height: 335px; background-image: url('../Images/HeadContent.jpg'); } #HeadLeft .inner { height: 335px; margin: 0 0 0 490px; background-image: url('../Images/bg左.jpg'); } #HeadRight .inner { height: 335px; margin: 0 0 0 490px; background-image: url('../Images/bg右.jpg'); }

详细效果
http://zhidao.baidu.com/question/1701813123007867100.html?sort=6#answer-1603821885
浏览效果
在360急速模式下如下图,没问题。

但是在兼容模式下,出现错位问题。

在网站没发布的时候,兼容模式,急速模式浏览都没问题,发布后就出现以上问题!

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
浏览器兼容模式页面错乱 兼容模式和急速模式
在做web工程时总是出现兼容模式css样式就没有了整个页面就错乱了的问题。 看了这篇文章会对浏览器的模式有一些了解http://old.ui3g.com/artdetail.aspx?id=153 一下是我csdn查到的资料: IE浏览器从IE8开始添加了兼容模式,开启后会以低版本的IE进行渲染。兼容模式有可能会导致网页显示出问题,于是我们通常在HTML中添加下列代码来使 IE 使用固定的渲
浏览器兼容性问题:页面错乱 兼容模式和急速模式
在做web工程时总是出现兼容模式css样式就没有了,整个页面就错乱了的现象。 看了这篇文章会对浏览器的模式有一些了解http://old.ui3g.com/artdetail.aspx?id=153 IE浏览器从IE8开始添加了兼容模式,开启后会以低版本的IE进行渲染。兼容模式有可能会导致网页显示出问题,于是我们通常在HTML中添加下列代码来使 IE 使用固定的渲染模式:     
浏览器兼容模式中文乱码
使用急速模式可以正常显示 ,但是切换到兼容模式变成乱码了,这是因为没有指定编码格式。比如编码格式为 utf-8 的话,加上<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 即可。...
浏览器急速模式跟兼容模式导致网站显示不同的问题
我们知道有些浏览器在浏览网站的时候可以选择急速模式跟兼容模式,不同的模式可能导致页面不一样,原因是在兼容模式的时候浏览器会根据ie版本指定显示,但是我们知道在ie的开发者工具中浏览器模式跟文档模式不一样也对导致页面显示不一样,比如浏览器模式选择了ie8,但是文档模式可能还是默认ie7,网页显示的文档就会基于ie7显示,如果兼容性不好的网站就会出现布局混乱的问题。 处理方法: 服务器端兼容模式设
用Meta标签代码让360双核浏览器默认极速模式不是兼容模式
一个网站,大量采用了html5和css3,希望用户都以webkit内核打开页面,但是测试却发现360的以ie内核打开为推荐模式,不知原因为何。其实360给网站开发者设计了一种选择的方法,只要加入一段Meta标签代码就可以解决 以下信息摘自360官方网站: 浏览模式 极速模式、兼容模式及IE9高速模式是360浏览器显示网页时使用的三种模式: 表示极速模式 表示兼容模
用Meta标签代码让360双核浏览器默认极速模式打开网站不是兼容模式(顺带解决很多兼容性问题)
浏览模式 极速模式、兼容模式及IE9高速模式是360浏览器显示网页时使用的三种模式: 表示极速模式 表示兼容模式 表示IE9/IE10模式(仅在安装了IE9或IE10后可用) 360极速浏览器会自动为您选择使用适合每个网站的浏览模式。所以,通常您不用了解几种内核的区别。 几种模式各有什么特点 极速模式下,网站打开速度快,但某些网站在极速模式下可能出现兼容性问题,显示不正常。 兼容模
用Meta标签代码让360双核浏览器默认极速模式打开网站不是兼容模式
浏览模式 极速模式、兼容模式及IE9高速模式是360浏览器显示网页时使用的三种模式: 表示极速模式 表示兼容模式 表示IE9/IE10模式(仅在安装了IE9或IE10后可用) 360极速浏览器会自动为您选择使用适合每个网站的浏览模式。所以,通常您不用了解几种内核的区别。 几种模式各有什么特点 极速模式下,网站打开速度快,但某些网站在极速模式下可能出现兼容性
解决360浏览器兼容性问题的极速模式、兼容模式、IE11模式对同一页面的不同兼容性问题
刚开始写页面的时候,会出现很多问题,当然兼容性问题是最不容忽视的。然而就在刚刚我写代码的时候,在谷歌运行的很好的代码,突然转到360的三种模式的时候,就出现了各种问题。然而我也各种找解决办法,终于还是成功的解决了。   在谷歌上打开的页面: 看着是挺正常的,正常的背景图片,正常的页面,但一用360浏览器,就不一样了。 你有可能想问这是什么,没错这就是360显示的页面把两部分给我分开显
360浏览器的极速模式和兼容模式的区别
简单的说360浏览器中包含了两个浏览器 一个是IE(Trident内核),即兼容模式,在使用网银时需要切换为兼容模式 一个是Chrome(Chrommium内核),即极速模式,普通浏览时使用 使用极速模式,就类似与用了360的高速内核,兼容性很好 是谷歌的内核. 而使用兼容模式,360的做法是保留了你的电脑里面本身的ie内核,倘若你的电脑浏览器是ie7 ,使用兼容模式,就相当于 是使用了ie
360浏览器极速模式对iframe的支持
今天有个网站的网页出现在360浏览器兼容模式下显示正常,在360浏览器极速模式下显示不正常。按照日常经验排查了各种可能出现的问题,但是都没有效果。后来开始怀疑是不是iframe的问题,但是iframe也正常处理了高度显示了。十分的困惑不解,后来上网查了下发现是360浏览器极速模式对iframe不支持。因为360浏览器极速模式是基于谷歌的内核,找到方向之后开始着手处理。 一开始网页按照这种方式处理