IE8不能居中显示的5个解决办法~~亲测center可用~
来源:互联网 发布:淘宝产品图片尺寸 编辑:程序博客网 时间:2024/06/10 01:34
2012-02-24 17:53:10| 分类: 【互联网技术】|举报|字号 订阅
IE8对margin:0 auto;这个CSS好像不再有用了,页面不能居中啦。
1...网易的解决方案(我喜欢)
<meta http-equiv="X-UA-Compatible" content="IE=7"/>(明白人都知道加在什么地方)
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
这个只是渲染的过程。实际上不是每个页面都通用,至少我自己加了就不行。原因我也不明。。不过既然有这样的话肯定有其所用。
2...简单高效的方法
使用<center></center>标签。这是在html4.0文档中找到的宝贝,只要用它包裹div就可以在所有浏览器中实现居
中。但是他同时也让div内部的元素居中显示。所以使用时还要为div单独设定文本对齐。此方法在我的IE8浏览器兼容
性视图中测试通过。
这个会将所有的行内元素全部居中。之后需要对特别的位置重新设置过样式。用于修改不方便。。设计的时候可以使用试试。。
3...常见的方法
CSS:
<style type="text/css">
#container{
position:relative;
width:1000px;
left:50%;
margin-left:-500px;
background-color:#ffffff;
border:1px solid #cccccc;
}
</style>
这段代码在IE8兼容视图中有效,说明如下。
#container 控制居中的div容器名,一般为最外层的div。
position:relative; 说明它的位置要设置为固定的。
left:50%; 说明这个div距左边距离是浏览器宽度的一半。
margin-left:-500px;这里-500px是由width/2得到的,其他宽度也相应的方法得到这个值,这样就将多移动过去的一
半宽度调整回来了。
4...网站程序解决
这种方法跟第三点有些地方还是不同的,请仔细比较。
CSS:
<style type="text/css">
body{text-align:center; width:100%;}
#container{
text-align:left;
width:1000px;
margin:0 auto;
border:1px solid #333;
background-color:#ccc;
}
</style>
<div id="container"> 这个方法是在所有浏览器中都有效的方法: 这个方法是在所有浏览器中都有效的方法: 这个方法是在所有浏览器中都有效的方法:
</div>
我用的基本就是这个方法。其实直接对body定义一个宽度再margin:0 auto 就可以居中了。其他页面都测试通过。
5...在客户端浏览器解决
其实解决方法很简单,但是一般情况下客户是不知道这样用的,所以最好在网站程序中就设计好处理办法。
用IE8浏览器打开你的网站,如果发现错位问题,请不用惊慌。在菜单栏上,打开“工具”选项,在下拉菜单里找到“兼容性视图”,勾选上,你再看,是不是网站没再错位了。
0 0
- IE8不能居中显示的5个解决办法~~亲测center可用~
- IE8不能居中显示的5个解决办法
- IE8的不能显示
- IE8中text-align:center偏左的解决办法
- IE8中text-align:center偏左的解决办法
- RelativeLayout不能居中的解决办法
- ie8中 table 的居中显示
- text-center 居中显示 (Bootstrap)
- IE8导致vs2005不能debug的解决办法
- IE8 火狐下 table 不能居中的解决方法
- Bootstrap modal不能垂直居中的解决办法
- IE8开发人员工具不显示的解决办法
- GridView 的Item不能居中显示
- SeekBar,thumb不居中显示的解决办法
- SeekBar thumb不居中显示的解决办法
- SeekBar,thumb不居中显示的解决办法
- 关于IE8下google搜索框不能使用的解决办法
- 第一个center是水平居中,第二个center是上下居中
- PowerDesigner 入门介绍
- 新手学Android【四】短信发送
- Hack Like a Pro: Using Nexpose to Scan for Network & System Vulnerabilities
- 常用的webservice接口
- 关于Googleplay的支付
- IE8不能居中显示的5个解决办法~~亲测center可用~
- jquery根据css属性获取元素
- php和mysql web开发学习笔记1 --关于在phpstudy中发送电子邮件的例子 自动把更改后的密码发到客户邮箱中 [mail function]函数设置
- 第十四周项目 2 带名字的成绩单(按成绩和姓名输出)
- Tesseract训练注意事项
- nginx压测
- Same Tree
- 详解十一种排序算法
- 标准表达式中数据类型不匹配。