使用IE8时，DIV+CSS网站不居中的解决方案

最新推荐文章于 2022-11-04 16:29:54 发布
原创 最新推荐文章于 2022-11-04 16:29:54 发布 · 380 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ie #css #div #工具 #微软

本文提供了两种解决IE8浏览器兼容性问题的方法。第一种是在浏览器菜单栏选择兼容性视图；第二种是通过CSS设置margin:0px auto来实现居中布局。这两种方法能够帮助开发者解决在IE8上遇到的布局显示问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

 第一种方案：在菜单栏上 打开 工具选项，在下拉菜单中找到 "兼容性视图"，勾选上。

 

 第二种方案：请使用margin:0px auto; （text-align:center；可能会出问题）。

 

 

附:微软官方推荐了一种方法解决ie8 兼容性的方法：/Article/csshack/200904/80.html

ie css margin auto 不居中解决方案
12-30
} 此css在firefox下是好的，但是在ie下不起作用，网上看到原因如下： <div id=cnbruce>margin: 0 auto 看看内容居中否</div> 如上调试结果，IE6.0是不居中的，当然解决的办法可以是对网页主体“<body>”声明...
css实现div水平、垂直居中兼容chrome、ie8
09-25
要实现一个DIV元素在网页中水平和垂直居中，可以使用不同的CSS方法。这些方法的兼容性决定了它们能够适用于哪些浏览器版本。在上述文件中，给出了几种不同的实现方式，其中一些兼容现代浏览器如Chrome，同时也兼容较...
IE8不居中的解决方法
caitianzhen2的专栏
05-17 541
这里是内容
div在IE8中居中不了
羊在天上飞
07-15 519
在html代码最上面加上这句声明：http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">这样，IE才能正确解析！
IE8与IE6关于div的居中问题
weixin_30808693的博客
07-23 150
div的居中设置margin:auto就行了，但是在IE8下面不管用，参照网易的作法，添加<meta http-equiv="X-UA-Compatible" content="IE=7"/>后，顺利解决问题。 转载于:https://www.cnblogs.com/myphh/archive/2012/09/06/2674265.html...
Ie8 下居中样式
mulingfeng的专栏
10-10 2173
最近在上html的课程，好久没有细致的研究html了。发现一个问题，text-align:center 样式并不能控制ie8下的内容居中。到网上查了下，找到解决办法。1、Ie浏览器-工具-兼容性视图设置-在兼容性视图中显示所有网站。2、通过书写样式来解决无标题文档
div错位/解决IE6、IE7、IE8样式不兼容问题
weixin_34279061的博客
05-02 109
IE6里DIV错位的问题       采用”FLOAT：LEFT“的DIV在IE8、IE7、都没问题，IE6下却向下移动，出现空白。这是因为，IE6采用的内核默认把DIV之间的距离增加了3~5个PX，所以，试试是将下移的DIV的STYLE里增加"margin-left:-5px;"或者更小。解决IE7、IE8样式不兼容问题 方法一、要在页面中加入如下HTTP meta-tag: &lt;m...
Div+CSS布局居中问题与解决方案
本文主要探讨了在使用Div+CSS进行网页布局时遇到的问题，特别是在不同浏览器（如IE和Firefox）之间的兼容性问题。当开发者创建了一个在IE下运行良好的网页，但在切换到Firefox时发现菜单上的Flash元素不再居中对齐。...
如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器.pdf
03-22
针对标题提及的"如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器"，这里将详细讨论一些关键的CSS兼容性问题及解决方案。 1. **DOCTYPE的影响**： DOCTYPE声明会影响浏览器进入何种文档模式。在HTML4或...
div+css布局限制图片最大宽度图片水平垂直居中兼容IE6
11-24
在网页设计中，"div+css布局"是一种常见的页面构建方式，它利用HTML中的<div>元素结合CSS...同时，针对IE6可能需要额外的CSS hack或JavaScript解决方案。在实际项目中，应权衡兼容性和开发成本，选择最合适的策略。
DIV的常用的几种绝对居中方法
Liu331013的博客
03-29 1108
DIV的常用的几种绝对居中方法 方法一：利用margin和绝对定位一 优点: 1.支持跨浏览器，包括IE8-IE10 缺点: 1.必须声明宽高度。 <div class="container"> <div class="box"></div> </div> .container { position: relative; width: 200px; height: 200px; background-color: pink; } .cont
IE下DIV居中的问题
ForeverCjl的专栏
06-11 1333
IE下的DIV居中确实存在着一种问题，网上也有很多关于在IE下DIV居中的方法，亲自测试了一下，其实没有他们说的那么麻烦。 1. 在IE9以上的版本中，只需要设置 margin：0px auto; 就可以使得DIV居中 2. 在IE9以下的版本中，需要如下设置 其中的子div方可实现居中。
关于IE8、9下DIV不居中的问题解决方案
tigerl2008的专栏
09-16 142
百度了好多都是下面这种解决方案 [code="java"] body{text-align:center;width:100%;} #wrap{ text-align:left; width:560px; margin:0 auto; border:1px solid #333; background-color:#ccc; } 在所有浏览器中都有效的...
让div居中的方式的几种方法
热门推荐
恒二哥的博客
11-04 7万+
可能讲述得不清楚，能看懂就好了。
div水平垂直居中的方法总结
weixin_42506342的博客
06-28 334
近段时间在忙于编写静态页面，常常遇到DIV需要垂直居中的情况，下面针对DIV的水平垂直居中做总结，分享出来，一起探讨，这也是自己知识点记录的一直方式。我们都知道元素水平居中最好使的是：margin： 0 auto；元素水平垂直居中：一、 position定位（元素宽高已知）1.父元素：position： relative；2.子元素：position： absolute；距上50%，距左50%，元...
IE8不能居中显示的5个解决办法
caolijunmingyan的专栏
08-09 8328
IE8对margin:0 auto;这个CSS好像不再有用了，页面不能居中啦。 1...网易的解决方案（我喜欢）     （明白人都知道加在什么地方）     2...简单高效的方法     使用标签。这是在html4.0文档中找到的宝贝，只要用它包裹div就可以在所
兼容ie8的元素居中
qq_40285497的博客
07-03 1630
今天重新回来修改一下弹窗居中这个功能；弹窗，就是将一个框框放在屏幕中间，这个框的高度不确定。 不需要兼容ie8及以下，css用下面这个代码完全够了 .pop{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; } .pop-content{ position: absolu...
解决IE8 div 不居中问题
木木的点滴
06-12 322
解决方法如下： 1. 首先要保证所写的html头中有相应的dtd信息 [code="java"]DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> [/code] 2. 在IE的工具选项中设置兼容性...
IE8 CSS设置DIV居中，添加“margin:0 auto”
handsometone1982的专栏
03-02 2223
.body{ text-align:center; width:100%; } .juzhong { margin:0 auto; width:960px; border:solid 1px red; height:200px;
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值