IE8与IE6关于div的居中问题

最新推荐文章于 2022-11-04 16:29:54 发布
最新推荐文章于 2022-11-04 16:29:54 发布
阅读量152 收藏
点赞数
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/myphh/archive/2012/09/06/2674265.html
本文介绍了一种解决IE8浏览器中div元素无法居中显示的问题。通过添加<meta>标签兼容IE7模式，使margin:auto能正确实现div居中。

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

div的居中设置margin:auto就行了，但是在IE8下面不管用，参照网易的作法，添加<meta http-equiv="X-UA-Compatible" content="IE=7"/>后，顺利解决问题。

转载于:https://www.cnblogs.com/myphh/archive/2012/09/06/2674265.html

css实现div水平、垂直居中兼容chrome、ie8
09-25
主要介绍了使用css实现的div水平、垂直居中并且兼容chrome、ie8，具体示例如下，需要的朋友可以参考下
IE6 div最小高度去除方法以及IE6div垂直居中css样式
12-13
本篇文章将探讨两个在IE6中常见的问题及其解决方案：去除div最小高度限制和实现div垂直居中。 首先，让我们解决IE6中的div最小高度问题。在IE6中，当尝试设置一个较小的高度（如3px）时，div的实际高度可能不会按照...
div在IE8中居中不了
羊在天上飞
07-15 522
在html代码最上面加上这句声明：http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">这样，IE才能正确解析！
解决在IE8浏览器下css+div网页不能居中的问题
weixin_34253126的博客
12-29 204
近期，发现有部分客户的网站在IE8这个浏览器显示有些不正常，主要表现在利用css+div做的网站页面不能居中的问题。IE8对margin:0 auto;这个CSS好像不再有用了，页面不能居中了，自己人策划公司的技术人员经过认真，仔细的分析，终于找到了能让网页在IE8下居中的办法： 把margin:0 auto;写在了body标签中，IE7以下都可以居中，IE8就不行，解决办法是，把这代码写在di...
Ie8 下居中样式
mulingfeng的专栏
10-10 2175
最近在上html的课程，好久没有细致的研究html了。发现一个问题，text-align:center 样式并不能控制ie8下的内容居中。到网上查了下，找到解决办法。1、Ie浏览器-工具-兼容性视图设置-在兼容性视图中显示所有网站。2、通过书写样式来解决无标题文档
IE6 DIV 居中
hyt48079287的专栏
02-07 639
一：确保有：文件头有http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">    声明（要不然Ie6无效，ff可以） {width:800px;margin:0 auto;} 记得宽度一定要设哦！
div中子div在firefox ie 水平居中对齐
12-12
关于为何Firefox和IE对`text-align`和`margin`处理方式不同的猜想，可能与浏览器的内核和盒模型的实现有关。Firefox采用标准的W3C盒模型，而早期的IE则使用了其特有的"怪异模式"盒模型。这导致了在处理元素对齐时的...
IE9下(table/div/图片)的居中问题
12-07
复制代码代码如下: <div xss=removed> <div xss=removed>居中</div> </div> 原因是，div默认是占据整个浏览器宽度，所以需要定义width，即 复制代码代码如下: <div xss=removed> <div xss=removed>居中</div> </...
IE6 div 居中
希望不是无解
03-03 183
width:***px;margin:0 auto; 在IE6无法达到居中效果 1.body(或父元素){ text-align:center } 2.嵌套
div在CSS下居中 IE8
张鲲鹏的专栏
07-05 215
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;  加上就可以使div在CSS下居中
垂直居中ie8+
07-21
垂直居中ie8+
IE8 CSS设置DIV居中，添加“margin:0 auto”
handsometone1982的专栏
03-02 2226
.body{ text-align:center; width:100%; } .juzhong { margin:0 auto; width:960px; border:solid 1px red; height:200px;
IE浏览器DIV居中
feifei20081014的专栏
08-14 969
编写主题或模板是居中是个大问题，还有就是div中元素都浮动，自适应高度的问题 编写网页代码的CSS时，一般都要让网页居中显示，但是一般情况下我们的CSS都是 margin:0 auto ，也就是margin左右相等，但是在IE浏览器中它就不居中，百度一下，说了几种方法，但是最管用，最通用，最好用，绝对可靠的方法还是在CSS里面加上 body {text-align: center;}
使用IE8时，DIV+CSS网站不居中的解决方案
游戏人生
11-16 382
 第一种方案：在菜单栏上 打开 工具选项，在下拉菜单中找到 "兼容性视图"，勾选上。  第二种方案：请使用margin:0px auto; （text-align:center；可能会出问题）。  附:微软官方推荐了一种方法解决ie8 兼容性的方法：/Article/csshack/200904/80.html
IE8不能居中显示的5个解决办法
caolijunmingyan的专栏
08-09 8329
IE8对margin:0 auto;这个CSS好像不再有用了，页面不能居中啦。 1...网易的解决方案（我喜欢）     （明白人都知道加在什么地方）     2...简单高效的方法     使用标签。这是在html4.0文档中找到的宝贝，只要用它包裹div就可以在所
IE下DIV居中的问题
ForeverCjl的专栏
06-11 1334
IE下的DIV居中确实存在着一种问题，网上也有很多关于在IE下DIV居中的方法，亲自测试了一下，其实没有他们说的那么麻烦。 1. 在IE9以上的版本中，只需要设置 margin：0px auto; 就可以使得DIV居中 2. 在IE9以下的版本中，需要如下设置 其中的子div方可实现居中。
让div居中的方式的几种方法
恒二哥的博客
11-04 7万+
可能讲述得不清楚，能看懂就好了。
div水平垂直居中的方法总结
weixin_42506342的博客
06-28 334
近段时间在忙于编写静态页面，常常遇到DIV需要垂直居中的情况，下面针对DIV的水平垂直居中做总结，分享出来，一起探讨，这也是自己知识点记录的一直方式。我们都知道元素水平居中最好使的是：margin： 0 auto；元素水平垂直居中：一、 position定位（元素宽高已知）1.父元素：position： relative；2.子元素：position： absolute；距上50%，距左50%，元...
DIV+CSS解决IE6-8兼容难题：技巧与实例
在开发Web页面时，特别是在采用DIV+CSS布局技术时，确保跨IE6、IE7和IE8的兼容性至关重要。这些浏览器的内核差异可能导致样式表现不同，给前端开发者带来挑战。以下是一些针对这些老版本IE浏览器的兼容性处理技巧： ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值