`
tigerl
  • 浏览: 97101 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

关于IE8、9下DIV不居中的问题解决方案

cssxhtmldiv居中
阅读更多
百度了好多都是下面这种解决方案 
<style type="text/css"> 
body{text-align:center;width:100%;} 
#wrap{ 
text-align:left; 
width:560px; 
margin:0 auto; 
border:1px solid #333; 
background-color:#ccc; 
} 
</style> 
<div id="wrap"> 在所有浏览器中都有效的方法: <pre> 在所有浏览器中都有效的方法: 在所有浏览器中都有效的方法: 在所有浏览器中都有效的方法: 
</pre> 
</div>


太烂了这种方案！这样定义，所有body里边的东西都自动居中了，这根本不是每一个人想要的！实际上是因为IE8以上支持的规范变了，DOCTYPE不再是原来的那种了 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
而是使用XHTML1.0规范了，如下： 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

或者使用HTML5规范： 
<!DOCTYPE HTML>
<html>
  <head>
...

随着HTML5规范的开发，转向HTML5规范是势在必行，所有浏览器也在慢慢靠近！
所以解决居中问题，只需要改成XHTML声明或者HTML5规范即可，CSS代码依然不变： 
body{
	width:1000px; 
	height:auto;
    margin:0px auto;
}
分享到：
| Hibernate4映射枚举类型
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    图片上下左右居中不变形解决方案

    resizepic 根据图片的实际比例适用外层div的大小，或左右居中显示 或上下居中显示。 完美解决图片缓存后不执行onload事件的情形。兼容 ie ff 谷歌

    css实现div水平、垂直居中兼容chrome、ie8

    主要介绍了使用css实现的div水平、垂直居中并且兼容chrome、ie8，具体示例如下，需要的朋友可以参考下

    ie css margin auto 不居中解决方案

    } 此css在firefox下是好的，但是在ie下不起作用，网上看到原因如下： &lt;div id=cnbruce&gt;margin: 0 auto 看看内容居中否&lt;/div&gt; 如上调试结果，IE6.0是不居中的，当然解决的办法可以是对网页主体“&lt;body&gt;”声明...

    CSS设置DIV垂直居中的N种方法 兼容IE浏览器

    在说到这个问题的时候，也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗？... Tips: 完美解决方案在文末！ 一、单行垂直居中 如果一个容器中只有一行文字，对它实现居中相对比较简单，我们只需

    div CSS技巧

    div使用css的总结，很...解决方案是在这个div里面加上display:inline; 例如： &lt;#div id=”imfloat”&gt; 相应的css为 #IamFloat{ float:left; margin:5px;/*IE下理解为10px*/ display:inline;/*IE下再理解为5px*/}

    CSS 多浏览器兼容性问题及解决方案

    Javascript 多浏览器兼容性问题及解决方案 兼容性处理要点 1、DOCTYPE 影响 CSS 处理 2、FF: 设置 padding 后， div 会增加 height 和 width， 但 IE 不会， 故需要用 !important 多设一个 height 和 width 3、FF:...

    css浏览器兼容性前端人员的必备

    解决方案是在这个div里面加上display:inline; 例如： &lt;#div id=”imfloat”&gt; 相应的css为 #IamFloat { float:left; margin:5px;/*IE下理解为10px*/ display:inline;/*IE下再理解为5px*/ }

    html中使用margin:0 auto整个页面不居中的解决方法

    今天写个jsp页面，乍么调来调去&lt;div xss=removed&gt;123xxx&lt;/div&gt; 这个属怎么弄都不能让页面居中展示，而且其它样式也出现莫名其妙的问题 后来找这个这个问题的解决方案： 原来是L-Blog默认没有在HTML前加上DTD,于是...

    CSS多浏览器兼容性(IE和Firefox)技巧大全推荐

    对于web2.0的过度，请尽量用xhtml格式写代码，而且DOCTYPE 影响 CSS 处理，作为W3C的标准，一定要加 DOCTYPE...解决方案是在这个div里面加上display:inline; 例如： 复制代码代码如下: &lt;#div id=”imfloat”&gt; 相

    CSS 浏览器兼容问题整理大全(比较全)

    从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名....解决方案是在这个div里面加上display:inlin

    目前比较全面的浏览器CSS BUG兼容汇总

    对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声明. 其它请参考:CSS hack 针对IE6，IE7，firefox显示不同效果 1.div的... 解决方案是在这个div里面加上displa

    ExtAspNet_v2.3.2_dll

    -修正IE7下不能以下划线作为CSS中类名的前缀的BUG(feedback:Steve.Wei)。 -添加定时器控件Timer，用来定时发起AJAX请求。 +2009-09-06 v2.1.0 -Button的Pressed属性值能够正确的反映客户端的变化。 -优化...

    ExtAspNet v2.2.1 （2009-4-1） 值得一看

    -修正IE7下不能以下划线作为CSS中类名的前缀的BUG(feedback:Steve.Wei)。 -添加定时器控件Timer，用来定时发起AJAX请求。 +2009-09-06 v2.1.0 -Button的Pressed属性值能够正确的反映客户端的变化。 -优化...

    PHP程序开发范例宝典III

    让你短时间内由一名菜鸟到高手绝对没问题! 由于权限有限,分3部份下载 PHP程序开发范例宝典 内容提要 《PHP程序开发范例宝典》全面介绍了应用PHP进行网站开发的各种技术和技巧。《PHP程序开发范例宝典》分为20章...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part1

    每个实例都经作者精心筛选，具有很强的实用性，其中一些实例是开发人员难于寻觅的解决方案。　 　本书适合PHP的初学者，如高校学生、求职人员作为练习、速查、学习使用，也适合PHP程序员参考、查阅。 目 录 目录:...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part2

    每个实例都经作者精心筛选，具有很强的实用性，其中一些实例是开发人员难于寻觅的解决方案。　 　本书适合PHP的初学者，如高校学生、求职人员作为练习、速查、学习使用，也适合PHP程序员参考、查阅。 目 录 目录:...

Magicbox
Global site tag (gtag.js) - Google Analytics