让IE的Div居中

最新推荐文章于 2021-06-30 10:59:13 发布
最新推荐文章于 2021-06-30 10:59:13 发布
阅读量193 收藏
点赞数
文章标签： xhtml
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_7726/article/details/82372053
版权
同样的页面，在火狐、chrome下div是居中的，在IE下就不行，后来找到解决方案，

页面默认没有在HTML前加上DTD,于是IE就以HTML而不是XHTML来解释文档.
问题并不在CSS而在XHTML网页本身.
需要加上这样的代码才能使得上述设置有效果:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

[url]http://www.cnblogs.com/DebugLZQ/archive/2011/08/09/2132381.html[/url]
iteye_7726
关注
兼容IE的完全居中布局
screaming_color的博客
07-10 7717
代码详见： https://github.com/screamingColor/save/blob/master/test/center.html IE8下的效果： 本文采用绝对定位和flexbox两种方式：
(转载）关于使用CSS居中(包括水平/垂直)
jackyrongvip的专栏
02-11 1332
关于使用CSS居中(包括水平/垂直)关于使用CSS居中(包括水平/垂直)  用CSS如何使DIV层水平居中这两天开始对网志进行大刀阔斧的页面更改.今天碰到个很棘手的问题,DIV本身没有定义自己居中的属性,网上很多的方法都是介绍用上级的text-align: center然后嵌套一层DIV来解决问题.可是事实上这样的方法科学吗?经过网络搜索
IE浏览器让DIV居中
weixin_30301449的博客
01-16 382
在chrome，FireFox等浏览器中，要想让div居中显示，只要设置margin:0 auto;即可使div居中，在IE中不好，竟然是居左显示。在网上查了IE中DIV居中的方法，父标签设置{width:100%;text-align:center;}，需要居中的标签设置{width:XXpx;margin:0 auto;text-align:left;},就可 以实现居中效果了。 ...
IE浏览器DIV居中
feifei20081014的专栏
08-14 942
编写主题或模板是居中是个大问题，还有就是div中元素都浮动，自适应高度的问题 编写网页代码的CSS时，一般都要让网页居中显示，但是一般情况下我们的CSS都是 margin:0 auto ，也就是margin左右相等，但是在IE浏览器中它就不居中，百度一下，说了几种方法，但是最管用，最通用，最好用，绝对可靠的方法还是在CSS里面加上 body {text-align: center;}
div IE居中
jiang_xiaohan的博客
08-30 335
div样式在IE下margin:0 auto不居中多种解决方法 2012-06-29 00:48:18 | 1934次阅读 | 评论：0 条 | itokit 正常情况下需要将div居中显示时，使用Css样式:margin:0 auto即可，但有时使用margin:0 auto后在FF、Chrome里能居中，而在IE678里不居中的现象。 如下代码: XML/HTML C...
div中子div在firefox ie 水平居中对齐
12-12
在本例中，我们讨论的是如何使一个内嵌的`<div>`元素在它的父`<div>`中水平居中对齐，同时兼容Firefox和Internet Explorer（IE）浏览器。这个问题涉及到CSS的布局特性，主要包括`text-align`属性和自动外边距（`...
IE6 div最小高度去除方法以及IE6div垂直居中css样式
12-13
首先，让我们解决IE6中的div最小高度问题。在IE6中，当尝试设置一个较小的高度（如3px）时，div的实际高度可能不会按照预期显示。这是因为IE6默认会考虑div内部的字体大小（font-size），即使内容为空。这种情况下，...
CSS中让DIV居中的代码
09-25
在CSS布局中，让一个`DIV`元素居中对齐是一项常见的需求。通常情况下，`DIV`元素不会自动居中，需要通过一些技巧来实现。本文将详细讲解几种常见的CSS方法来让`DIV`居中，并探讨与浏览器兼容性相关的问题。 首先，...
html div浏览器居中显示,IE浏览器DIV居中实现方法
weixin_42363388的博客
06-08 769
IE浏览器中div使用margin:0 auto好像不能居中了，但在ff其它浏览器没问题，下面我来介绍解决ie下 div不居中问题的办法。编写主题或模板是居中是个大问题，还有就是div中元素都浮动，自适应高度的问题编写网页代码的CSS时，一般都要让网页居中显示，但是一般情况下我们的CSS都是 margin:0 auto ，也就是margin左右相等，但是在IE浏览器中它就不居中，百度一下，说了几...
IE下DIV居中的问题
ForeverCjl的专栏
06-11 1304
IE下的DIV居中确实存在着一种问题，网上也有很多关于在IE下DIV居中的方法，亲自测试了一下，其实没有他们说的那么麻烦。 1. 在IE9以上的版本中，只需要设置 margin：0px auto; 就可以使得DIV居中 2. 在IE9以下的版本中，需要如下设置 其中的子div方可实现居中。
DIV+CSS 图片居中效果 兼容 IE FF。。等浏览器
04-29
DIV+CSS 图片居中效果 兼容 IE FF。。等浏览器
IE及标准浏览器中DIV居中问题
01-30 377
在标准浏览器中，设置margin:0 auto;即可使元素居中，但IE不这样理解，也就不会让标签居中。好在IE中还有text-align:center属性，可以设置在其它浏览器文本居中，但IE又不同，它会解释为一切都居中，包括标签，所以这两个一起用是浏览器兼容的处理。当不想在IE中其它DIV中文本居中，可以在父层中设置一下text-align:left；即为原本的默认属性，其他浏览器不会受到影响。
解决DIV居中对齐和IE与Foxfire CSS 宽度兼容性问题
leo133845920的博客
02-23 133
1、针对firefox ie6 ie7的css样式 现在大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7对!important可以正确解释，会导致页面没按要求显示！找到一个针对IE7不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了。 现在写一个CSS可以这样： [code="java"]#1 { c...
html ie居中问题,关于居中布局和IE双倍边距bug
weixin_30838971的博客
06-30 224
今天google了一下css居中布局的问题，结果差不多都是引用了同一篇文章。在ie中要居中，只要在元素中定义text-align:center;的属性。而在firefox中，需要定义一个wrapper包裹器。然后指定margin-left:auto;margin-right:auto;的属性来使区块在firefox中居中。其实，我自己都是用margin:auto;的缩写margin属性来设定居中。...
IE8不能居中显示的5个解决办法
caolijunmingyan的专栏
08-09 8276
IE8对margin:0 auto;这个CSS好像不再有用了，页面不能居中啦。 1...网易的解决方案（我喜欢）     （明白人都知道加在什么地方）     2...简单高效的方法     使用标签。这是在html4.0文档中找到的宝贝，只要用它包裹div就可以在所
兼容ie8的元素居中
qq_40285497的博客
07-03 1595
今天重新回来修改一下弹窗居中这个功能；弹窗，就是将一个框框放在屏幕中间，这个框的高度不确定。 不需要兼容ie8及以下，css用下面这个代码完全够了 .pop{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; } .pop-content{ position: absolu...
div垂直居中（全兼容ie6+）
夕空
12-03 1941
忘记从哪里借鉴的了，直接贴上： &lt;!DOCTYPE html&gt; &lt;html lang="zh-cn"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;全兼容垂直居中&lt;/title&gt; &lt;style type="text/css"&am
div完全纯css自适应居中【兼容IE7+ Chrome FireFox 等】
山水间的漫步者
03-23 5261
从产品设计css一直做到linux运维的程序猿...  很多技术都是皮毛，各位见谅，只求和大家交流一点小技术，欢迎拍砖！ 1. 纯CSS，完全无需JS，主要就是借用了“万恶”的table..呵呵，如果各位觉得table还有点用的话，就可以尝试一下吧，“table反对党”请无视哈... 2. IE6没有测试，抱歉= =  DOM结构
IE8中实现垂直居中(兼容IE6、IE7、IE8，Firefox，Chrome等)
热门推荐
06-27 1万+
投票情况统计:
CSS网页布局：DIV水平居中技巧
然而，对于旧版本的Internet Explorer（如IE6），可能需要使用不同的技术，如使用`<table>`的居中特性或使用`expression`属性来实现兼容。 在Web标准实践中，使用div和CSS进行页面布局是常见的做法，而使页面或内容...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值