中部DIV如何在屏幕中居中显示，适应各大小分辨率，代码如下

[phonenix66]

<div id="head">
	<img src="images/head.jpg" width="1000" height="403" />
</div>

<div id="left"></div>
<div id="right"></div>

<div id="footer">
	<img src="images/footer.jpg" width="1000" height="247" />
</div>

#left,#right要并排一行，在屏幕中居中，而且外面不套一个大的div，请问如何实现？

[来自故乡的风]

为什么不用一个大的div套在外边呢？

如果不用的话，我想到的只能是在left right这两个块的宽度都固定的情况下，用margin定位。

[去圣西罗-为尤文喝彩]

楼上正解，外套一个DIV，left right宽固定，float:left和right.

[xiaomiaode]

div难控制位置。何不用表格呢。呵呵

[phonenix66]

用margin不行，我试过了

[phonenix66]

用表格套，那跟套个大的div没区别啊

[vivian_niu1985]

这个不套大DIV，不能实现吧

[gentleman_1989]

left和right都设置左浮动，并且通过设置left的margin值来手动调整，不套大的div只能这样了

[Q645474263]

<div class="container">
<div id="head">
<img src="images/head.jpg" width="100" height="100" />
</div>
<div class="main">
<div id="left"></div>
<div id="right"></div>
</div>
<div id="footer">
<img src="images/footer.jpg" width="100 height="30" />
</div>
</div>

<style type="text/css">
.container{
width:800px;
height:600px;
margin:0px 10% 0px 10%}

#head{
width:800px;
height:100px;
}

.main{
width:800px;
height:470;}

#left{
width:200px;
height:470px;
float:left;
display:inline;
}

#right{
width:600px;
height:470px;
float:left;
display:inline;}

#footer{
width:800px;
height:30px;}
</style>