再问div居中的问题

[li_guang_hua]

我在body中放置一个div（id="MyContent"），此div的背景用了一幅背景图片，图片宽度1200px;我的设想是不管用什么浏览器，不任屏幕的宽窄，打开网站，此div的中轴线均位于浏览器中间，不知CSS该如何设置。

这样设置：
#MyContent{
margin:0 auto;
text-align:center;
}
试一下，19寸屏幕可以，可15寸不行啊。
还是请高手指教一下，谢谢！！！

[li_guang_hua]

[Quote=引用 2 楼 cstester 的回复:]
HTML code<divid="div1" style="float:center"></div>
或
HTML code<divid="div1" style="float:middle"></div>

这两个总有个是对的 。没编辑器。只好这两条都发上来。不敢确认。
[/Quote]
float只能选left或right，没有center选项啊

[zhujiazhi]

如果CSS搞不定，就用JS来搞的

[jenny0810]

[Quote=引用楼主 li_guang_hua 的回复:]
我在body中放置一个div（id="MyContent"），此div的背景用了一幅背景图片，图片宽度1200px;我的设想是不管用什么浏览器，不任屏幕的宽窄，打开网站，此div的中轴线均位于浏览器中间，不知CSS该如何设置。

这样设置：
#MyContent{
margin:0 auto;
text-align:center;
width:1000px;
}
试一下，19寸屏幕可以，可15寸不行啊。
还是请高手指教一下，谢谢！！！


加个宽度试试


[/Quote]

[hanyise520]

body{
text-align:center;


}
不就完了

[zzxap]

var windowWidth = document.documentElement.clientWidth;
var windowHeight = document.documentElement.clientHeight;
var popupHeight = $("#popupContact").height();
var popupWidth = $("#popupContact").width();
//centering
$("#popupContact").css({
"position": "absolute",
"top": windowHeight/2-popupHeight/2,
"left": windowWidth/2-popupWidth/2
});

本文来自CSDN

[kevin_xu4365]

body
{
margin:0px;
margin-top:1px;
background:#fff;
font-family: 微软雅黑, Verdana,宋体, Arial, Helvetica, sans-serif;
font-size:11pt;
color:#000;
overflow:auto;
padding:0px;
height:auto;
text-align:center;
}
#main
{
height:800px;
width:960px;
/*text-align:left;
margin:0 auto;*/
position:absolute;
left:50%;
margin-left:-480px;
}

[我只相信汗水]

你想要背景图居中？
css里好象有个background-position:center属性，应该是这样，你试下。

[chenjing1104]

[Quote=引用 6 楼 hanyise520 的回复:]
body{
text-align:center;


}
不就完了
[/Quote]

应该是这样的吧！

[CPPACE]

js可以，50%可能也可以

[爪哇鹅]

div { 
position:absolute; 
top:50%; 
left:50%;
right:50%;
bottom:50%;
margin:-150px 0 0 -200px; 
width:400px;
height:300px; 
} 

这是一个测试，中间DIV宽高变了之后margin还得调。

[cstester]

<div id="div1" style="float:center"></div>

或

<div id="div1" style="float:middle"></div>

这两个总有个是对的 。没编辑器。只好这两条都发上来。不敢确认。