arkadaşlar aşağıdaki divi ilk once nasıl center olarak yapabilirim. ikinci olarakta ben bu divi farklı ekran çözünürlüğünde bir bilgisayarda açtığımda bu divlerin yerleri kayıyor değişik bir şekle gibiyor. nasıl halledebilrim bu sorunları ? yardımcı olursanız çok sevinirim.


csss kodu

#serit1{
	height:208px;
	position:relative;
	top:50px;
	left:60px;
	text-align:center;}
.serit2{	
	height:208px;
	position:relative;
	top:70px;
	left:60px;
	 }
.serit3{	
	height:208px;
	position:relative;
	top:90px;
	left:60px;}
.div{
     float:left;
	 width:293px;
	 height:207px;
     margin:10px 10px;
	 background-image:url(../images/menu-bg.png);
	 background-repeat:no-repeat;
}

<!------BİRİNCİ SERİT BASLADI--------> 
<div id="serit1"> 
<div class="div"> 
	<div class="ust"> </div> 
	<div class="sag"> </div> 
</div> 
 
<div class="div"> 
	<div class="ust"> </div> 
	<div class="sag"> </div> 
</div> 
 
<div class="div"> 
	<div class="ust"> </div> 
	<div class="sag"> </div> 
</div> 
 
</div> 
<!----BİRİNCİ SERİT BİTTİT-----> 
 
<!----İKİNCİ SERİT BBASLADI-----> 
<div class="serit2"> 
<div class="div"> 
	<div class="ust"> </div> 
	<div class="sag"> </div> 
</div> 
 
<div class="div"> 
	<div class="ust"> </div> 
	<div class="sag"> </div> 
</div> 
 
<div class="div"> 
	<div class="ust"> </div> 
	<div class="sag"> </div> 
</div> 
</div> 
<!-----İKİNCİ SERİT BİTTİ-------> 
<!------UCUNCU SERİT BASLADI------> 
<div class="serit3"> 
<div class="div"> 
	<div class="ust"> </div> 
	<div class="sag"> </div> 
</div> 
 
<div class="div"> 
	<div class="ust"> </div> 
	<div class="sag"> </div> 
</div> 
 
<div class="div"> 
	<div class="ust"> </div> 
	<div class="sag"> </div> 
</div> 
</div> 
<!--------UCUNCU SERİT BİTTİ---------->