悲剧发生了  开始在页面中用margin:0 auto;设置页面居中 但是后面在IE8和FF中都不能够居中了,百度了一下找到一段这样的代码 据说能行  text-align:center; 但是效果令人差强人意,求一能让页面在所有浏览器中居中(兼容性)经过测试的代码 谢谢。

解决方案 »

  1.   

    <body>
    <div style="text-align:center;">
    <div style="margin:0 auto;">
    网站内容
    </div>
    </div>
    </body>
      

  2.   

    目前我用的是这个,还可以,在多个浏览器都没问题:
    <body>
    <center>
    这里是网页内容
    </center>
    </body>
      

  3.   

    #mainPage
    {
    margin:0px auto;
    width:954px;
    height: 911px;
    max-height:1000px;
    }
      

  4.   

    如果你这样用还是没有居中效果的话
    那是因为缺少头部东西
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      

  5.   

    body设置居中,然后内容放在一个DIV中,DIV固定宽度
      <body style="text-algin:center">
    <div style="width:980px; height:100%">
    </div>
    </body>
      

  6.   

    用一个div将所有的内容都包裹起来然后这个div的CSS是#mian{ width:960px; margin:0 auto;}这样就可以让页面居中了
      

  7.   

    1楼4楼5楼11楼这种<center>或text-align:center的方法不可取,这样一设,里面的内容全都是居中的,这样就得一个个重新设定里面的子元素的对齐属性(你的文字什么的内容肯定要居左对齐的吧),
    正常应该给网页的最外层一个div<html>
    <head>
    <style>
    #wrap{
    width:980px;
    margin:0px auto;
    }
    </style>
    </head>
    <body>
       <div id="wrap">
       <!--网页内容-->
       </div>
    </body>
    </html>
      

  8.   

    http://bbs.blueidea.com/viewthread.php?tid=1620789
      

  9.   

    body { margin:0 auto; }
    .main{width:950px; margin:0px auto;}
      

  10.   

    kkbac  你的网址是多少 我看下
      

  11.   

     * {  margin:0px auto 0px auto;}  在样式表中的Body{}下边直接写这段代码,前两天有个高手给的,very good!
      

  12.   

    前几天也遇到过这个问题,在火狐上面老是对不起,在IE8上边,页面内容跑到左边去了,这个问题你首先要给你DIV设置固定的宽度,然后再让其居中
      

  13.   

    div  +  css不怎么好的   在 DW  里面 布局好了   再转换到  aspx 页面去
      

  14.   


    body{ font-family: "宋体"; font-size: 12px; padding: 0px; margin: 0px auto; width: 960px;}#content{ float: left; width: 960px; background-color: #a0a0a0; padding-top: 10px; }
    #content是整个布局的最外围div 我做的页面都是这样居中IE6 7 8 火狐都没问题
      

  15.   

    <body style="text-algin:center">
    </body>
      

  16.   

    在html源代码的第一行加上如下声明:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      

  17.   

    我是用Dreamweaver和vs2008组合开发网站的,网站设计还是用Dreamweaver比较好,很多功能很好用,vs在这方面不如Dreamweaver,所以设计用dreamw,写后台代码用vs,两者结合使用,完美无缺!
      

  18.   

    最简单的方法 <center></center>
      

  19.   

    使用margin:0 atuo  是最好的方法   别的兼容太差了  使用margin  时  必须要有父容器  并且 width 要是100% 最好
      

  20.   

    <body style="text-align:center">
    <div style="margin:0 auto">
    网页内容
    </div>
    </body>
    我所见过的浏览器用这个都能兼容。
      

  21.   


    你需要采用js设置浏览器的位置,window.moveTo(x,x),不过,很多浏览器都是不允许操作窗口位置的
      

  22.   

    好像有个<center></center>这样的方法。。
      

  23.   

    直接把<body>中的所有内容放到<center>标签中应该是能搞定的
      

  24.   

    body{text-align:center;width:1086px;}
    固定宽度居中.
      

  25.   

    如五樓,<center>這個定義其它瀏覽器支持</center>
      

  26.   

    <body>
    <div style="margin:0 auto; width:960px; background:#000"></div>
    </body
      

  27.   

    居中用<div style="margin:0 auto; width:960px; background:#000">但是最好不要给固定宽度。这样在不同的浏览器,或者分辨率下,效果不同。或者说的布
    不局中了。。
    今天突然记得n久没有登录了
      

  28.   

    lz说的是求一能让页面在所有浏览器中居中吧?
    是我语文没学好还是lz没学好?
      

  29.   


    正解:
    首先要导入w3c dtd!!!
    必须设置div  width !!!
    这样,margin 左右自动 才能居中
      

  30.   

    本帖最后由 net_lover 于 2010-11-04 13:54:26 编辑
      

  31.   

    在C#中...里面有一个<form>
    将他设置为:<form id="form1" runat="server" align="center">
    就解决了...