Position:fixed sorunu (acil cevap lütfen)

Şimdi arkadaşlar sorunum şu css'ten pek anlamadıgım için acil yardım gerekti danışıyım dedim.

Position:fixed komutu bilindigi üzere sayfanın bi yerindeki tabloyu yada yazıyı kaydırma çubugu çıksa dahi yerinden oynatmıyor.Ama ben hem oynamasını hem oynamamasını istiyorum biliyorum saçma oldu ama aslında örneklerle anlatırsam daha iyi olacak.

Aşağıdaki site adresine girin browser ile zoom yapın 150-200 işte kaydırma cubugu hangisinde çıkıyorsa soldaki menü sabit sağdaki bölüm ise soldaki menünün içine giriyor ki şöyle bişi aslında bu normal bilgisayarlar için pek sorunda degil çünkü kaydırma çubucu çok eski sistemli düşük çözünürlüklü bilgisayarlarda çıkacaktır ama asıl derdim mobil dokunmatik cihazlarda (iphone,ipad,samsung v.b) sayfayı büyütmek için mecburi dokunarak büyütüyoruz işte o sırada aynı webteki gibi dogal olarak içeri giriyor.

Biliyorum kafada şişirdim biraz ama bunun illaki bi çözümü olmalı lütfen yardım ederseniz sevinirim.

Site adresi : www.erkanca.com/deneme

ne demek istediğini anlamadım
verdiğin sayfada sol kısım sabit, zoom yapmama rağmen kaydırma çubuğu çıkmadı,

bunun yanında kaydırma çubuğu mu çıksın istiyorsun, yoksa göruntunun ekran boyutuna göre değişmesini mi istiyorsun?

şimdi hocam bakın sol taraf yani menü sabit orta taraf ise kaydırma çubugu cıkıp kaydırınca sol tarafdaki menünün içine giriyor sol taraftaki menü hareket etmiyor çünkü benim istedigim kaydırma cubugu cıksa dahi hepsi birlikte kaysın sol menü orda sabit durmasın yani kaydırma cubugu cıktıgında.

Zoom 300-500 filan yapın illaki çıkacaktır kaydırma cubugu ne demek istedigimi görünce daha iyi anlıcaksınız.

Mobil uyumlu olsun istiyorsan önce meta ekliyorsun. Meta viewport ....yazılması gerek. bootstrap sitesini araştır orda ornek var ... Profesyonel destek ıstersen siteni 100% mobil uyumlu yapabilirim.ücretli destek ıstersen pm at. Verdiğim siteden kendinde yapabilirsin.. ufak tefek sorunlarına yardımcı olurum...

dediğiniz için responsive tasarım yani sitenizi farklı çözunurlükler ve platformlara göre tasarlamalısınız

html dosyanızda titledan önce

<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">

eklemeli ve

* Large desktop */
       @media (min-width: 1200px) { ... }


/* Portrait tablet to landscape and desktop */
       @media (min-width: 768px) and (max-width: 979px) { :
        
}
 
/* Landscape phone to portrait tablet */
        @media (max-width: 767px) { ... 


}
 
/* Landscape phones and down */
        @media (max-width: 480px) { ... 


}

burada belirtilen piksel değerlerine göre tasarım yapmalısın

http://www.1stwebdesigner.com/css/ho...media-queries/
ve
http://css-tricks.com/css-media-queries/ incelebilirsin