|
#ana {
width: 600px; /* Alanın genişliğini ayarla */
margin: auto; /* Alanın dışa bağlı boşluğu ayarla. Auto değeri alanı ortalı gösterecektir */
}
#ana #ust {
height: 100px; /* Alanın yüksekliğini ayarla */
background: #aaa; /* Arkaplan rengini ayarla */
border: 1px solid #888; /* 1px genişliğinde ve #888 renginde düz hat çerçeve oluştur */
margin: 0 0 5px; /* margin özelliği top right bottom left olarak 4 değer alır. Biz şuan top ve left'i 0 bottom'u 5 verdik. Eğer left ile right eşit olmasaydı left'i tanımlamamız gerekekti ama şuan left değeride 0 olacaktır. */
}
#ana #orta {
background: #fff;
margin: auto;
}
#ana #orta #sol {
float: left; /* Sola hizala */
width: 400px;
height: 350px; /* Bu alana değer vermeyebilirsiniz, yazılarınızı girdikte alan otomatik uzayacaktır. */
border: 1px solid #888;
background: #eee;
}
#ana #orta #sag {
float: right; /* Sağa hizala */
width: 195px;
height: 350px; /* Bu alana değer vermeyebilirsiniz, yazılarınızı girdikte alan otomatik uzayacaktır. */
border: 1px solid #888;
background: #eee;
}
#ana #alt {
clear: both; /* Float alanlarını temizle (Bu özellik kullanılmaması halinde float'ın altında kalan alanlar browser uyuşmazlığı yaşayarak kaymalar doğurabilir */
height: 100px;
background: #aaa;
border: 1px solid #888;
margin-top: 5px;
}
|
|