CSS въпрос за 3 div-a , центриране

[po_taka]

ето така :

как ще стане ?
и съшевременно това цялото да е в средата на страницата по хоризонтала,
по вертикала да е най-горе

ако може без таблици.

всъщност на мен ми трябва да няма разтояние м/у дивовете.

 

[shterev]

<div class="center">
<div class="top"></div>
<div class="left"></div>
<div class="right"></div>
<div class="clear"></div>

<div>

css:

.center { margin:0 auto; width: 700px;}

.top{ background-color: red; height: 100px; width: 700px;}
.left { float: left; width: 330px; height:500px; background-color: blue;}
.right { float: left; width: 330px; height:500px; background-color: green;}

.clear { clear: both;}

 

[po_taka]

благодаря много +1