澳门二十一点游戏赌场 澳门二十一点游戏赌场
    您现在的位置:首页 >> 软件应用 >> 综合技术 >> 内容

    IE8不能居中显示的6个解决办法

    时间:2012/7/21 21:06:03 点击:

      核心提示:IE8不能居中显示的6个解决办法...

    IE8对margin:0 auto;这个CSS好像不再有用了,页面不能居中啦。

    1...网易的解决方案(我喜欢)
        <meta http-equiv="X-UA-Compatible" content="IE=7"/>(明白人都知道加在什么地方)

        <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>

     

    这个只是渲染的过程。实际上不是每个页面都通用,至少我自己加了就不行。原因我也不明。。不过既然有这样的话肯定有其所用。

     

    2...简单高效的方法
        使用<center></center>标签。这是在html4.0文档中找到的宝贝,只要用它包裹div就可以在所有浏览器中实现居

    中。但是他同时也让div内部的元素居中显示。所以使用时还要为div单独设定文本对齐。此方法在我的IE8浏览器兼容

    性视图中测试通过。

    这个会将所有的行内元素全部居中。之后需要对特别的位置重新设置过样式。用于修改不方便。。设计的时候可以使用试试。。

     

    3...常见的方法
    CSS:
    <style type="text/css">
    #container{
    position:relative;
    width:1000px;
    left:50%;
    margin-left:-500px;
    background-color:#ffffff;
    border:1px solid #cccccc;
    }
    </style>
    这段代码在IE8兼容视图中有效,说明如下。

    #container 控制居中的div容器名,一般为最外层的div。

     

    position:relative; 说明它的位置要设置为固定的。

     

    left:50%; 说明这个div距左边距离是浏览器宽度的一半。

     

    margin-left:-500px;这里-500px是由width/2得到的,其他宽度也相应的方法得到这个值,这样就将多移动过去的一

     

    半宽度调整回来了。

     

     

     

     4...网站程序解决
    这种方法跟第三点有些地方还是不同的,请仔细比较。
    CSS:
    <style type="text/css">

    body{text-align:center; width:100%;}
    #container{
    text-align:left;
    width:1000px;
    margin:0 auto;
    border:1px solid #333;
    background-color:#ccc;
    }

    </style>
    <div id="container"> 这个方法是在所有浏览器中都有效的方法: 这个方法是在所有浏览器中都有效的方法: 这个方法是在所有浏览器中都有效的方法:
    </div>

     

    我用的基本就是这个方法。其实直接对body定义一个宽度再margin:0 auto 就可以居中了。其他页面都测试通过。

     

    5...在客户端浏览器解决

    其实解决方法很简单,但是一般情况下客户是不知道这样用的,所以最好在网站程序中就设计好处理办法。
    用IE8浏览器打开你的网站,如果发现错位问题,请不用惊慌。在菜单栏上,打开“工具”选项,在下拉菜单里找到“兼容性视图”,勾选上,你再看,是不是网站没再错位了。

     

    6...利用表格居中

    <table border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td align="center" valign="middle">
      <div></div>
     </td>
    </tr>
    </table>

    作者:不详 来源:网络

  • 上一篇:没有了
  • 下一篇:IE6实现PNG图片透明
  • 共有评论 0相关评论
    发表我的评论
    • 大名:
    • 内容:
  • 澳门二十一点游戏赌场(www.0769online.com) © 2018 版权所有 All Rights Reserved. 邮箱:103150@qq.com 业务QQ:103150 手机:13549753683

    Power By Laoy8 SQL 3.0SP1 粤ICP备10098668号
  •