Merhaba arkadaşlar,
CSS'de yeniyim. HTML bilgim var. Kendi imkanlarımla güzel bir tasarım hazırlamaya çalışıyorum. Header kısmı oluşturdum sağına reklam alanı soluna da logo'yu ekledim. Bunların altına da menü butonları ve arama kısmı ekledim. Ama nedense tarayıcının boyutunu küçültünce bu alanlar dağılıyor.
/* header */
.ust {
background-color: #f3f3f3;
background-image: -moz-linear-gradient(#f9f9f9, #f3f3f3);
background-image: -webkit-linear-gradient(#f9f9f9, #f3f3f3);
background-image: linear-gradient(#f9f9f9, #f3f3f3);
border-bottom: 1px solid #e5e5e5;
text-shadow: 0 1px 0 #fff;
height: 80px;
line-height: 31px;
font-size: 13px!important;
width:%100;
}
/* logo */
.logo{
float:left;
padding: 0 70px;
}
/* Reklam Alanı */
.reklam_alani{
float:right;
padding: 9px 70px;
}<div class="ust">
<div class="logo">
<img src="./images/logo.png" title="WebSite" />
</div>
<div class="reklam_alani">
<img src="./images/reklamalan.jpg" title="Hemen Reklam Ver !" />
</div>
</div>
hocam width değerini yüzde ile verdiğiniz için sayfa genişliğiniz pencere genişliğiniz ile orantılı olarak değişiyor diğer bölümlerede px cinsinden değilde yine yüzde olarak verirseniz örneğin logo width:40% reklam width:60% gibi pencerenin boyutu değiştiğinde bu bölümlerinde boyutu değişicektir bu sayede tasarımınızda büyük bir dağılma olmaz...