Mantık olarak @ba kubah`ın yazdıkları geçerlidir. Gerisi senin sayfada yapmak istediklerinle sınırlı... Bu üç layera padding ve margin etiketleri ile sınırlandırma kattığında görüntüsünü veridğin sayfanın yanısını elde edersin. Ayrıca ek olarak eğer merkezleme yapacaksan...
<
div id="merkez">
<
div style="float:left; width=50%; background-color:red">div1</
div>
<
div style="float:right; width=50%; background-color:blue">div2</
div>
<
div style=" width=100%; background-color:black">div1</
div>
</
div>
ile merkeze vereceğin bir selectorle merkezleme ve genel boyut işlemlerini de halledebilirsin. Bunu margin auto özelliği ile otomatik ya da %lik ifade ile ekran çözünürlüğüne göre yapabilir, ya da text-align, veritacl align özelliklerinden gerekli olanı kullanabilirsin. Ayrıca left, right ve alt kısımdan ikisini kapsayan layera width değeri olarak % değeri verirsen her tarayıcıda ve ekran çözünürlüğünde ortaya çıkacak bozulmaları da önlemiş olursun. Bunların dışında IE`nin
CSS`i tam olarak destekleyeceği güne kadar kullanılması şart olan box hack methodu ile genişlik özelliklerinde IE`ye uygun hack methodunu de kullanabilirsin.
Temel olarak box modelde;
IE ve FF (standart sunan) browserlar arasındaki mantık hatasını
TEKNİK 1
div {
width: 100px;
}
div {
\width: 140px;
w\idth: 100px;
}
TEKNİK 2
{
border: 10px solid;
padding: 10px;
width: 100px !important;
width: 140px;
width/**/:/**/100px;
}
diğer teknikler
http://css-discuss.incutio.com/?page=BoxModelHack
ile kapatabilrsin. Açıklaması da
http://webdesign.about.com/od/css/a/aaboxmodelhack.htm adresinde
şeklinde ayar yapabilrisin. Daha detaylı bilgi istersen
http://tantek.com/CSS/Examples/boxmodelhack.html adresine bakmalısın. Ayrıca
http://www.webmasterworld.com/forum83/204.htm adresi de işini görecek ve mantığını anlatacaktır.
http://www.w3.org/TR/REC-CSS1#formatting-model adresi de kılavuzun olsun
Farklı browserlar ve bir CSS sorunu zoquede browserlarla ilgili çıkabilecek sorunlarla ilgili bir tartışma da söz konusu...
http://www.godoro.com/Divisions/Ehil...tBoxModel.html adree örnekli ve türkçeli anlatım vermekte.
http://www.456bereastreet.com/lab/de..._standards/tr/ ve
http://www.korfez.net/css-p/advanced.html adresi
CSS ve XHTML`i anlatıyor.
Son olarak
http://css-discuss.incutio.com/?page...iveEnhancement
http://www.dithered.com/css_filters/index.html
http://www.ericmeyeroncss.com/bonus/trick-hide.html
http://www.quirksmode.org/css/box.html
http://www.info.com.ph/~etan/w3pantheon/style/abmh.html
http://www.maujor.com/tutorial/boxmodelhack.php
adresleri de elinin altında bulunsun