Bu tür tasarımları yaparken bir veli nimet
olan CSS dilinden faydalanmanız gerekir.Ana taşıyıcı bir div açın ve id sini container olarak verin.CSS kodunda
#container {
marign:0px auto;
widht:900px; /* Bu ölçü sitenizin genel genişlik değeridir.*/
}
yazdığınızda bu div içnde yazılan herşey tarayıcı tarafından ortalanır.Aynı tabloda align="center" yaptığımız gibi.
sonra CSS ile tüm Div tagları için genel bir ifade belirleyin.Bu ifade container içindeki tüm div leri daha rahat konumlandırmanızı sağlar.Bunun için yine CSS dosyamıza şu kodu ekliyoruz..Ör: id si aliemre olan bir div açalım.
/* Genel İfade Kodumuz */
div {position:relative;}
#aliemre {
position:absolute; /* Kesin konumlandırma yapmak için */
top:10px; /* içinde bulunduğu div den (container) dikey olarak uzaklığı */
left:10px; /* içinde bulunduğu div den (container) soldan uzaklığı */
width:200px; /* div in genişliği */
height:200px; /* div in yüksekliği */
Sonuç olarak relative konmlandırma yaparak her div in içinde bulunduğu div i baz alarak konumlandırma yapmasını sağladık.aliemre isimli div imizde ise absolute ile kesin konumlandırma yaparak bu değerlerin (top ve left) içinde bulunduğu dive göre belirlenmesini sağladık.
Sende bu şekilde istediğin div i istediğin konuma getirebilirsin.Kolay gelsin.
