Selamlar,
Her çözünürlükteki ekrana tam oturacak bir websitesi yapmaya çalışıyorum. 1366*768 çözünürlükte hazırlıyorum. Çözünürlük değiştikçe divlerin genişliği sayfaya tam otursun, yükseklikleri de belli bir orana göre otomatik değişsin istiyorum. Yani yükseklik 100% olmadan alta yeni divler ekleyeyim sayfa uzasın gitsin istiyorum. Bu arada div içindeki elemanlarında boyutu yamulma olmadan otomatik değişmeli. Böyle alt alta iki div elde etmek için kodlar nasıl olmalı? Nasıl bir kutu modeli kullanmam lazım? Benim başarısız kodum şöyle:
Header
background-color: 000;
clear: both;
float: left;
width: 100%;
position: absolute;
visibility: visible;
margin: 0px;
padding: 0px;
left: 0px;
top: 0px;
height: 100px;
background-image: (banner);
background-repeat: no-repeat;
background-position: left top;
overflow: visible;
display: block;
Buttons
background-color: 333;
clear: both;
float: left;
height: 40px;
width: 100%;
overflow: visible;
position: absolute; [??????????]
visibility: visible;
display: block;
top: 100px;
left: 0px;
Her çözünürlükteki ekrana tam oturacak bir websitesi yapmaya çalışıyorum. 1366*768 çözünürlükte hazırlıyorum. Çözünürlük değiştikçe divlerin genişliği sayfaya tam otursun, yükseklikleri de belli bir orana göre otomatik değişsin istiyorum. Yani yükseklik 100% olmadan alta yeni divler ekleyeyim sayfa uzasın gitsin istiyorum. Bu arada div içindeki elemanlarında boyutu yamulma olmadan otomatik değişmeli. Böyle alt alta iki div elde etmek için kodlar nasıl olmalı? Nasıl bir kutu modeli kullanmam lazım? Benim başarısız kodum şöyle:
Header
background-color: 000;
clear: both;
float: left;
width: 100%;
position: absolute;
visibility: visible;
margin: 0px;
padding: 0px;
left: 0px;
top: 0px;
height: 100px;
background-image: (banner);
background-repeat: no-repeat;
background-position: left top;
overflow: visible;
display: block;
Buttons
background-color: 333;
clear: both;
float: left;
height: 40px;
width: 100%;
overflow: visible;
position: absolute; [??????????]
visibility: visible;
display: block;
top: 100px;
left: 0px;