div居中问题，在线等，高手进进。

Question

在刚刚加载页面时，默认iWidth为0，加载完页面之后，然后计算出iWidth的值，再调用setPosition()，这样影响页面的浏览速度，怎么写才能避免这种情况。

Answer 1

<div id="main" class="main" style="margin:auto">试试。。

Answer 2

没用的啊。
我想就是通过位置设置的吧。加上text-align:center 这个属性，就居中了，但是字体也居中了，难看死了，谁有办法解决。

Answer 3

通过位置设置居中有点麻烦，每个浏览器的标准是不一样的，你需要计算窗体的宽高度。
这是一段居中的代码，使用IE7,8,FF。
function AdjustMiddle() {
    var $container = $("#table_window");
   //居中显示
    var window_left = ($(window).width() - $container.width()) / 2 + $(window).scrollLeft();
    var window_top = ($(window).height() - $container.height()) / 2* 0.7 + $(window).scrollTop();    //    if (window_top - 100 > 0)
    //        window_top = window_top - 100 + $(window).scrollTop();
    //    else
    //        window_top = window_top + $(window).scrollTop();
    $container.css({ left: window_left, top: window_top });
}

Answer 4

onload 改成调用AdjustMiddle() 吗？？
小弟实在是不懂，麻烦您告诉下怎么调用，该改哪些？而且我的ie是6.0，公司都是ie6.0的，不允许升级。
 

Answer 5

折中一点了.既然可以先居中.那么就先居中.然后通过js来设置text-align=left

Answer 6

在div外面加个 <center>  </center> 就居中了 再设 div的text-align=left     呵呵呵

Answer 7

用 firebug 调试下，慢慢试

Answer 8

<div id="main" class="main" style="marginleft:auto,marginright:auto">
lz看行不？

Answer 9

<div> 的父级设置   加入也是个div 这样设置<div style="text-align:left;" align="center">
表示中间的子级模块居中，文字靠左

Answer 10

你们搞错了，position: absolute; 的时候，你通过js去设left值就行，js获取浏览器宽，减去DIV宽，再除以2，然后把这个值设到div 的 left就可以了

Answer 11

楼主的DIV是绝对定位，position: absolute; 所以大家不要拿align="center"，margin:auto等代码出来，那是没用的，只能用JS去定位

Answer 12

此方法倒是可以，但是当我碰到table 相对位置的时候就没用了，我不想这样啊。

Answer 13

<center>
<div id="backgroundDiv" style="left: (iWidth)px; position: absolute; top: 0px;">
禁用UBB 内容存入剪贴板 您只能输入 10000 个字符
</div>
</center>

Answer 14

<div id="test" style="width:100px;position: absolute; background:red;">xxxxxx</div>
<script>
var dom = document.documentElement ? document.documentElement : document.body;
var  dl = (dom.offsetWidth-w)/2; 
document.getElementById("test").style.left=dl + "px";
</script>试试

Answer 15

结DIV设个宽度。。
然后加样式。。   margin:0 auto;

Answer 16

<center></center>

Answer 17

<div style="margin:0 auto; width:600px;">
禁用UBB 内容存入剪贴板 您只能输入 10000 个字符
</div>

Answer 18

body{
font-size:12px;
font-family:"宋体",arial,'lucida grande',tahoma,helvetica,"",'bitstream vera sans',sans-serif;
margin:0px;
padding:0px;
text-align:center;
color:#666666;
}/* 外　套 */
#wrap{ 
height:auto;
margin:0 auto;
text-align:left; 
width:1000px;
padding:0;}

Answer 19

<div style="margin:0 auto; width:600px;">
禁用UBB 内容存入剪贴板 您只能输入 10000 个字符
</div>

Answer 20

给它套个壳.
<div style="position:relative;width:300px;margin:0 auto;">
要居中定位的div放这里
</div>

Answer 21

#container｛
margin: 0px auto;
｝
<div id="container">这里是要居中的内容
</div>
这样就可以将这个div居中了呀！