Aycan.net

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

1. Yol : En dış div’e min-width değeri :

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.

2. Yol :  jQuery ile minumum genişlik belirlemek :

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ü;

3. Yol overflow: hidden;

En dış divinizin özelliklerinde “overflow: hidden;” varsa bunu silerseniz sorun çözülecektir.