Heim  >  Artikel  >  Web-Frontend  >  IE8.0下DIV+CSS网站不居中解决办法_html/css_WEB-ITnose

IE8.0下DIV+CSS网站不居中解决办法_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:30:191014Durchsuche

今天客户电话打过来说他IE浏览器更新到IE8.0打开刚做的网站发现错位,靠左明明是居中的,但是之前小蔡也碰到过同样的问题,所以我根本不担心。一般写DIV+CSS都基本经过IE6.0,IE7.0还有火狐浏览器测试过了,因为用的人比较多都没发生错位情况,用IE8来打开网站,发现错位很严重,包括首页,列表页,文章页等,都严重的错位。
    之后两天没敢用IE8.0打开网站,我多么希望现在用IE8的人不会太多,就不会有太多人发现网站错位问题。后来又想,逃避可不是办法,毕竟,IE8只会越来越多人用,不可能越来越少人用的。就开始研究网站在IE8下错位的原因及解决方法。
    因为曾经网站在IE7下一切正常,然后在IE6下发生错位,是通过改换代码来实现正常的,然后就想,IE8下错位,会不会也应该用改换代码来实现避免网站错位的问题。这不能不说是个麻烦事,毕竟对于太多新手站长来说,这是给挑战。其实大可不必,IE8浏览器本身便具有一个很好的功能来完善网站错位的问题。

一种在客户端解决

其实解决方法很简单。用IE8浏览器打开你的网站,如果发现错位问题,请不用惊慌。在菜单栏上,打开“工具”选项,在下拉菜单里找到“兼容性视图”,勾选上,你再看,是不是网站没再错位了。

二网站本身解决

IE8对margin:0 auto;这个CSS好像不再有用了,页面不能居中啦,下午回来再看看有什么办法居中,太平洋的前端也说他们公司无视IE8的存在,测试还是以前的版本。
原因找到啦,我把margin:0 auto;写在了body标签中,IE7以下都可以居中,IE8就不行,解决办法是,把这代码写在div大框架中就可以了。

百度搜索的资料:

程序代码


在所有浏览器中都有效的方法:
 在所有浏览器中都有效的方法: 在所有浏览器中都有效的方法: 在所有浏览器中都有效的方法:     <br>

 

 

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn