在IE6上正常,到了IE7,360急速、360兼容都出错

pfworld pfworld 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
在IE6上正常,到了IE7,360急速、360兼容都出错!底部bottom不显示到底部,中部内容center显示不全,要不就显示全,底部跑中间了,怎么调都不行,以前是做CS的,帮朋友做网页就是出错,寻求帮助!



@charset "utf-8";
/* CSS Document */


body {
margin: 0px;
padding: 0px;
font-size: 12px;
background-color: #FFF;
}
.side {
float: left;
width: 40px;
background-image: url(../images/Index_02.gif);
background-repeat: repeat-x;
height: 50px;
display: block;
}
#Main #content #top {
width: 908px;
background-color: #FFF;
height: 161px;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 0px;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-right-color: #cccccc;
border-left-color: #cccccc;
background-image: url(../images/Index_06.gif);
background-repeat: repeat-x;
}
#Main #content #top img {
float: left;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
}
#Main #content #top #top_1 {
float: left;
width: 739px;
}

#Main #content #top #top_1 h2 {
float: left;
margin: 0px;
height: 75px;
background-image: url(../images/Index_09.gif);
background-position: left bottom;
width: 369px;
background-repeat: no-repeat;
text-indent: -9999px;
}
#Main #content #top #top_1 ul {
float: right;
margin-top: 17px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 8px;
}
#Main #content #top #top_1 ul li {
width: 70px;
float: left;
list-style-position: inside;
}

#Main #content #top #menu_1 {
float: left;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 12px;
width: 727px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: solid;
border-left-color: #cccccc;
height: 68px;
margin-top: 13px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#Main #content #top #menu_1 ul {
list-style-type: none;
margin: 0px;
padding: 0px;
display: inline;
width: 500px;
overflow: hidden;
}
#Main #content #top #menu_1 ul li {
height: 39px;
float: left;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 1px;
display: inline;
}
#Main #content #top #menu_1 ul li .menu {
display: block;
text-indent: -9999px;
height: 39px;
width: 71px;
}

#Main #content #top #menu_1 ul #menu_1_1 {
background-image: url(../images/menu_1.gif);
}
#Main #content #top #menu_1 ul #menu_1_2 {
background-image: url(../images/menu_2.gif);
}
#Main #content #top #menu_1 ul #menu_1_3 {
background-image: url(../images/menu_3.gif);
}
#Main #content #top #menu_1 ul #menu_1_4 {
background-image: url(../images/menu_4.gif);
}
#Main #content #top #menu_1 ul #menu_1_5 {
background-image: url(../images/menu_5.gif);
}
#Main #content #top #menu_1 ul #menu_1_6 {
background-image: url(../images/menu_6.gif);
}
#Main #content #top #menu_1 ul #menu_1_7 {
background-image: url(../images/menu_7.gif);
}
#Main #content #top #menu_1 ul #menu_1_8 {
background-image: url(../images/menu_8.gif);
}

#Main #content #top #menu_1 ul li ul {
margin: 0px;
padding: 0px;
display: none;
float: left;
position: absolute;
list-style-type: none;
white-space: nowrap;
overflow: hidden;
}

#Main #content #top #menu_1 ul li ul li {
float: left;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 5px;
overflow: hidden;
display: inline;
line-height: 26px;
}
#Main #content #center
{
position: relative;
z-index: 1;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 0px;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-right-color: #cccccc;
border-left-color: #cccccc;
}
#Main #content #bottom
{
z-index: 3;
height: 132px;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 0px;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-right-color: #cccccc;
border-left-color: #cccccc;
background-repeat: repeat-x;
background-position: top;
}
#Main #content #bottom #bottom_1 {
width: 168px;
height: 95px;
background-image: url(../images/Index_57.gif);
background-repeat: repeat-x;
float: left;
display: inline;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: none;
border-left-style: none;
border-right-color: #cccccc;
overflow: hidden;
}
#Main #content #bottom #bottom_1 img {
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 52px;
}
#Main #content #bottom #bottom_3 {
float: right;
height: 132px;
width: 739px;
background-image: url(../images/Index_59.gif);
background-repeat: repeat-x;
}
#Main #content #bottom #bottom_3 ul {
padding: 0px;
list-style-type: none;
margin-top: 13px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 13px;
}
#Main #content #bottom #bottom_3 ul li {
display: inline;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 5px;
}
#Main #content #bottom #bottom_3 p {
padding: 0px;
margin-top: 15px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 17px;
line-height: 10px;
}





#content {
float: left;
width: 910px;
overflow: hidden;
}


#Main {
margin-right: auto;
margin-left: auto;
width: 990px;
}

A:link {TEXT-DECORATION: none; color:#000}
A:visited {TEXT-DECORATION: none; color:#000}
A:hover {TEXT-DECORATION: underline; color:#000}
A:active {TEXT-DECORATION: none; color:#000}

...全文

相关推荐

12306.cn订票插件兼容IE详细教程

12306.cn订票插件兼容IE 谷歌 chrome firefox 内容详细教程

han8435762

用Meta标签代码让360双核浏览器默认极速模式不是兼容模式

主要介绍了用Meta标签代码让360双核浏览器默认极速模式打开网站不是兼容模式,需要的朋友可以参考下

weixin_38697274

璐璐浏览器

基于IE内核浏览器开发的浏览器,基于google开发的稳定浏览器,基于360急速浏览器开的急速浏览器,采用现代双核双引擎开发数据库浏览器。

武隆兄弟

JS判断是否360安全浏览器极速内核的方法

本文实例讲述了JS判断是否360安全浏览器极速内核的方法。分享给大家供大家参考。具体分析如下: 360安全浏览器极速内核,在非360网站的navigator.userAgent是: “Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.1 (KHTML, like Gecko) Chrome/21.0.1180.89 Safari/537.1″,用的全是原生的谷歌浏览器的userAgent; 而360自己的网站的navigator.userAgent是 :”Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWe

weixin_38577648

ajax在兼容模式下失效的快速解决方法

使用jQuery,用ajax实现局部刷新功能,在火狐,360急速浏览器高速模式下,ie8,9都能正常运行,但切换到兼容模式下无效,解决办法有两种关闭浏览器兼容性视图,二是引入json2.js文件 这里采用第一种,并且使用一种完美兼容性解决办法,在head头部加入 <meta http-equiv=”X-UA-Compatible” content=”IE=9;IE=8;IE=7;IE=EDGE”> 即可! 以上这篇ajax在兼容模式下失效的快速解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。

weixin_38629801
评论 20
收藏 已收藏
分享
返回顶部
pfworld
.NET社区 62,272 成员 668,968 内容