如何解决网站在IE8下出现布局乱的情况？
微软的的IE8下来了，不少新潮发烧友就迫不及待的升级IE，这时给网页设计师带来了个不疼不痒的问题，辛辛苦苦的解决了IE6 IE7 的兼容问题，IE8下，兼容又乱了哦
诸如最近很火的 第二城 www.b2c.net 在IE8下，就混成一团糟，他们的设计师还没发现。就此问题笔者研究了新浪的网站，发现老牌门户就是老牌门户，做的非常全面，下面就看下他们是怎么做的
meta: http-equiv=X-UA-Compatible IE=EmulateIE7
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
meta http-equiv="Content-Language" content="gb2312" /
meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /
meta name="robots" content="all" /
meta name="googlebot" content="all" /
meta name="de script ion" content="怡口|怡口软水机" /
meta name="keywords" content="怡口|怡口软水机 上海微净 www.micropuresh.com" /
META name="copyright" content="www.micropuresh.com" /
上面标签中的X-UA-Compatible，是针对ie8新加的一个设置，对于ie8之外的浏览器是不识别的，这个区别与content="IE=7"在无论页面是否包含!DOCTYPE指令，都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7"模式遵循!DOCTYPE指令。对于多数网站来说，它是首选的兼容性模式。
目前IE8尚在测试版中，所以为了避免制作出的页面在IE8下面出现错误，建议直接将IE8使用IE7进行渲染。也就是直接在页面的header的meta标签中加入如下代码：
诸如最近很火的 第二城 www.b2c.net 在IE8下，就混成一团糟，他们的设计师还没发现。就此问题笔者研究了新浪的网站，发现老牌门户就是老牌门户，做的非常全面，下面就看下他们是怎么做的
meta: http-equiv=X-UA-Compatible IE=EmulateIE7
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
meta http-equiv="Content-Language" content="gb2312" /
meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /
meta name="robots" content="all" /
meta name="googlebot" content="all" /
meta name="de script ion" content="怡口|怡口软水机" /
meta name="keywords" content="怡口|怡口软水机 上海微净 www.micropuresh.com" /
META name="copyright" content="www.micropuresh.com" /
上面标签中的X-UA-Compatible，是针对ie8新加的一个设置，对于ie8之外的浏览器是不识别的，这个区别与content="IE=7"在无论页面是否包含!DOCTYPE指令，都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7"模式遵循!DOCTYPE指令。对于多数网站来说，它是首选的兼容性模式。
目前IE8尚在测试版中，所以为了避免制作出的页面在IE8下面出现错误，建议直接将IE8使用IE7进行渲染。也就是直接在页面的header的meta标签中加入如下代码：
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
这样我们才能使得页面在IE8里面表现正常！
其他小集锦
一种在客户端解决
其实解决方法很简单。用IE8浏览器打开你的网站，如果发现错位问题，请不用惊慌。在菜单栏上，打开“工具”选项，在下拉菜单里找到“兼容性视图”，勾选上，你再看，是不是网站没再错位了。
二网站本身解决
IE8对margin:0 auto;这个CSS好像不再有用了，页面不能居中啦，下午回来再看看有什么办法居中，太平洋的前端也说他们公司无视IE8的存在，测试还是以前的版本。
原因找到啦，我把margin:0 auto;写在了body标签中，IE7以下都可以居中，IE8就不行，解决办法是，把这代码写在div大框架中就可以了。
百度搜索的资料：
程序代码
<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>
