div'lerle ilgili sorun

Merhaba arkadaşlar sanırım kafam durdu, web tasarim işini profosyonel olmasada uzun zamandır kovaliyorum bi çokta site yapmışlıgım var ama şimdi kullandıgım divlerle ilgili bi sorunum var soru şu: divlerin yerlerini değiştiremiyorum örneklersem soru askıda kalmayacaktır mesela ;

tabloların kullanımı artık miyadını doldurmuş oldugunu biliyoruz, mesela bakın yahoo'da bir çok alan var ve bunlar divlerle ayrılmış ve hic biri üst üste binmemiş, gerçi binmemesi içinde bi yol var ama sayfayı küçülttügümüz zaman üst üstte bindigi icin kullanmak hoş olmuyor. kodlari gösteriyorum ;

<div class="aac"> bla-bla </div>
<div class="aad"><p> yazı birkiüç </p></div>

divinin css kodu ;

.aac {
width : 222px;
float : left;
height : 105px;
clear : both;
}

.aad {
width : 222px;
float : left;
height : 105px;
margin-left : 20px;
}

yukarıdaki kodları bir tane siteden örnek çaldım size göstermek için, adam yapmış divlerde paşa gibi yan yana yada alt alta duruyor hiç problem yk ama ben bunun aynısını yaptıgım zaman benim divler üstüste cikiyor mübarek mart ayı kedileri gibi, üstüste cıkmayan namuslu divlerse sayfayı kücülttügümüzde bozuluyor onlarda sunlar efendim

<div style="position: absolute; width: 142px; height: 105px; z-index: 3; left: 4px; top: 208px" id="blist">
                - AnaSayfa<br />
                - Hakkımızda<br />
                - İçindekiler<br />
                - Rastgele Soru<br />
                - Seçkin Sorular<br />
                - Kullanım Klavuzumuz</div>
 
<div style="position: absolute; width: 135px; height: 100px; z-index: 4; left: 7px; top: 325px" id="gerektir">
sırasayısı 1 2 3 felan
</div>

yani gördügünüz gibi style'in icinde position: absolute; koymadan (üstteki örnekte amcanın yaptıgı gibi) divleri nasil yan yana yada alt alta getirebilirim? şimdiden ilgilenen arkadaşlara teşekkür ediyor ve cevaplarınızı ciddi manada dört gözle bekliyorum, Saygılar Sevgiler.

position absolute, left, right ları silip, float left ve clear both ları kulanarak yaparsın işte gözünün önünde

Öncelikle kaç tane yanyana koyacağınızı bilmem gerekiyor ben 8 tane düşündüm siz ona göre ayarlamanızı yaparsınız.

Div in genişliği 400px olsun diyelim her bir kutu 50px olursa yanyana gelecektir bir şartla -2px yapmaz isek son div aşağı düşecektir neden derseniz div elemanlarının border kalınlığınıda hesaba katmanız gerekiyor.

Örnek:

<style>
#div {border:1px solid gray;display:table; width:400px;}
#eleman {border:1px solid red; width:48px; float:left; height:50px; }
</style>

<div id="div">
<div id="eleman"></div>
<div id="eleman"></div>
<div id="eleman"></div>
<div id="eleman"></div>
<div id="eleman"></div>
<div id="eleman"></div>
<div id="eleman"></div>
<div id="eleman"></div>
<div id="eleman"></div>
<div id="eleman"></div>
<div id="eleman"></div>
<div id="eleman"></div>
<div id="eleman"></div>
<div id="eleman"></div>
<div id="eleman"></div>
<div id="eleman"></div>
<div id="eleman"></div>
<div id="eleman"></div>
<div id="eleman"></div>
<div id="eleman"></div>
<div id="eleman"></div>
<div id="eleman"></div>
<div id="eleman"></div>
<div id="eleman"></div>
</div>

Kısaca böyle eğer her dive margin vereceğim diyorsan margin değerini 48px den - yaparak çıkartırsan sorunsuz tüm divler yan yana sıralancaktır.
Not: eğer margin dört köşeden olursa margin değeri * 2 yapıp eleman div genişiği - çıkan margin değeri yapmalısın.
İyi Çalışmalar

Bana kalırsa arkadaş 2 box ı yan yana getirmekte zorlanıyor.
Eğer doğru anladıysam dostum ;
sağdaki box'ın için float:right soldaki için ise float:left kodlarını mutlaka tanımlamalıyız.
Eğer görüntünüzde kayma, sarkma, bozulma olmuş ise ;
clear:both özelliği tanımlı bir <div id="clear"></div> extra bir div oluşturmalısınız.

airwebmaster ; teşekkür ederim sorun bu dedigin kodlari bi arastirayim bakayim sonuca varabielcek miyim? tekrardan ilgilenenlere teşekkürler

sorunu çözmüş bulunuyor ve ayirrvebmastır amcamıza teşekkürlerimizi sunuyorum

ek not olarak XHTML uyumluluk için birden fazla aynı ID e ait tanımla kullanmak bildiğim kadarıyla yanlış. Eğer birkaç kez kullanılacaksa sınıf (class) olarak tanımlanması daha doğru sanırım.

Haklısınız gözümden kaçmış class daha mantıklı olacaktır tabiki. Acele yazıp çıktığım için okuyamadım ne yazdığımı.