width:100% yerine, width:960px gibi sabit bir değer verirsen, ekran küçültülünce kayma oluşmaz... Tabi buradaki 960 benim rastgele kafadan yazdığım bir değer, sen kendine göre 1000, 1200px gibi değerler vererek genişliği ayarlayabilirsin.
Hocam mesela reklam alanı kısmı var. Css'de px kullanmadım sadece margin kullandım. Bide float verdim. mesela bu alan kayıyor. container oluşturup tüm kodlarımı ona aldım hatta ilgisi varmı bilmiyorum ama container kodum da ;
.container {
float: left;
height: 100%;
width: 100%;
}
Tam olarak anlayamadım ama şu şekilde bir dene bakalım doğru mu anlamışım.
.govde {
width: 980px;
height: auto;
margin: auto;
}
.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="govde">
<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>
</div>
Hocam dediğiniz sanırsam oldu ama tüm her yer kaydı. Buda govde kısmında verdiğiniz width değerinden kaynaklanıyor sanırsam. Oranın değerini yükseltince düzeldi ama şimdi herkes benim ekran çözünürlüğümü kullanmıyor. Kendime göre ayarlarsam o width değerini başka bilgisayarlarda kayma olmaz mı ?