Not: Klavyem bozuldu “E” tuşunu bazen yazmıyor yanlış yazımımda uyarırsanız sevinirim
Merhaba arkadaşlar son zamanlarda sıksık karşılaştığım bir ufak bir problemi forumlardada yaşıyanlar gördüm o yüzden bu konuyu yazma kararı aldım.
Öncelikle şuan yaptığım bir psd to css işi üzerinde ki size hatayı gösteriyim ;
Yukarıdaki resimde gördüğünüz gibi küçük ekran çözünürlüklerind scroll bar çıkmıyor. Bunun sebebi en dış divin width değeri 100% olduğu için ekran çözünürlüğne göre kendini ayarlıyor.
Bunun için biz en dış dive boy vermemiz lazım ama bazı tasarımlar buna müsade etmiyor. O zaman bize iki yol kalıyor
Bu çözüm yolu ie6′da sonuç vermiyor ve bend tasrif etmiyorum ama ufakta olsa bir çözümdür.
En dış divimize , sitemizin orta kısmının boyutunu veriyorum ve sorunumuz kismi olarak çözülüyor.
Bu çözüm yolu tüm tarayıcılarda sorunsuz çalışmaktadır.
$(document).ready(function(){
var ekrangenisligi = $(document).width();
if(ekrangenisligi<1024){
$('#cerceve').css('width','961px' );
}else {
$('#cerceve').css('width',ekrangenisligi);
}
});
Yukarıdaki kodların işleme mantığı şu şekildedir.
$(document).ready(function(){ ... });
Sayfa yüklendiğinde
var ekrangenisligi = $(document).width();
Ekranın genişliğini alıyoruz ve ekrangenisligi degiskenine atıyoruz.
if(ekrangenisligi<1024){
Eğer ekran genişliği 1024px’den küçükse
$('#cerceve').css('width','961px' );
Kendimize göre belirldiğimiz boyutu veriyoruz.
}else {
}
Eğer ekran çözünürlüğü bizi tehlikeye atacak şekilde değilse sitemizin genişliğinden büyükse hiç boyutlarla oynamıyoruz.
Son ekran görüntüsü;
En dış divinizin özelliklerinde “overflow: hidden;” varsa bunu silerseniz sorun çözülecektir.