使用css布局，分辨率不同或者窗口大小改变后各个div到处乱跑，怎样解决阿

[benislife]

最近做一个网站，试着用css+div布局，最后发现分辨率不同或者窗口大小改变后各个div（banner,footer,pics）到处乱跑（万恶的float阿），非常混乱，页面比较复杂，懒得重新用table做了，目前是用一个大的固定宽度单元格把整个网页框起来，这样东西就不会乱跑了。想问一下有没有什么正规的方法避免这些问题呢？刚接触css不久，这些东西不大明白~高人指点~
另外求一个ie6，ie7，ff间css支持区别的详细帖子，越全越好~嘿嘿

[string11]

你是不是这样的
<div id="banner">头部</div>
<div id="main">中间内容</div>
<div id="footer">尾部</div>
要是这样的话你就应该
<div id="content">
<div id="banner">头部</div>
<div id="main">中间内容</div>
<div id="footer">尾部</div>
</div>

[benislife]

我是类似第二种布局哦~中间部分是双栏显示，两个div，id=“left”和id=“right”
关键是div设置float以后，如果显示区域宽度不够right会被自动挤到下面（第二行）~