[erdinç]

Selamlar,

FF'ta anasayfada FF'un kendi scrollbar'ı yok. Ancak menülerden birine tıklayınca scrollbar çıkıyor. Böylece menüye tıkladığın an bütün site sola doğru biraz kayıyor. Anlaşılan sayfanın uzunluğu FF penceresinin içine sığacak kadarsa FF scrollbar koymuyor. Sadece sayfanın uzunluğu sığmadığında koyuyor.

IE bile bu konuda problem çıkarmazken çok övülen FF'un çuvallaması hiç iyi değil. Bu problemi nasıl çözerim?

JavaScript kullanmak istemiyorum. CSS ile çözümü var mı?

[BYK]

Firefox'a yüklenmeden önce biraz daha araştırsaydın keşke

Bu, CSS'de overflow özelliğine auto değerini verdiğinde olması gereken durum zaten. Sürekli bir scrollbar istiyorsan overflow: scroll yazman yeterli

[erdinç]

BYK,

Ben overflow auto yazmadım. Zaten sitede bir tane bile scrollbar yok. Overflow komutu da CSS içinde yok. Ayrıca bendeki Firefox (son sürümü v2.0.0.12) sadece benim üzerinde çalıştığım sitede değil girdiğim bütün sitelerde aynı sorunu yapıyor.

Firefox'un kendi scrolbar'ından bahsediyorum. Eğer sayfanın yüksekliği fazla değilse o zaman scrolbar göstermiyor. Oysa IE scrolbar kısmını deaktive ediyor ama scrolbar için genişliği koruyor.


Örnek vermek gerekirse Google.com adresini Firefox ile açtığımda yanda scrollbar yok. Yani Google.com sayfası Firefox ile açıldığında tarayıcının sağ tarafını tamamen yanaşıyor. Oysa IE6 ile Google.com sayfasını açınca scrollbar yine yok ama scrollbar için ayrılmış alan deaktive olmuş durumda orada duruyor. yanı sayfa sağ tarafa tamamen yanaşmıyor.

Sorunu gösteren bir resim ekledim. Tekrar söylemek gerekirse, sorun Firefox'un scrolbar gerektirmeyen sayfa yüksekliğinde scrollbar kısmını deaktive edip o genişliği olduğu yerde bırakmak yerine scrolbar'ı tamamen kaldırıp site için kullanmasından kaynaklanıyor.

Dolayısıyla sitenin bir sayfası tarayıcının ekranına sığacak kadar, ama diğer sayfası sığmayacak kadar yüksekse sayfalar arasında geçiş yaptığında bütün site 20 pixel kadar sola kayıyor.

Bu Firefox'tan kaynaklanan genel bir problem. Bütün sitelerde oluyor.

[BYK]

overflow: auto zaten varsayılan ayardır. Yani sen yazmasan da W3C standartlarına uyumlu bir tarayıcı varsayılan olarak bu ayarı kullanır. Bu yüzden yine söylediğim gibi Firefox'un davranışı doğru, IE'nin davranışı yanlış. Yani bu bir sorun değil.

Not: Firefox'un kendi scrollbar'ı dediğini anlyıroum, bu durumda overflow: scroll ifadesini CSS'de HTML ya da body elemanına vermen gerekiyor.

[erdinç]

BYK,
resim ekledim. video'da ekleyebilirim. Basbaya bir sorun. Bütün site 20 piksel kayıyor. Nasıl sorun olmaz.

[erdinç]

Söylediğin gibi body içine overflow:scroll ekleyince düzelmedi. Daha da karıştı. BU sefer IE düşeyde ikinci bir scroll bar koydu. Ayrıca yatayda da bir scrollbar koydu.

Firefox ise tarayıcının alt tarafa yatay bir scrollbar koydu.

[BYK]

"sorun" şeklindeki yaklaşımının devam etmesi gerçekten çok ilginç. Yaptığım şey bir Firefox fanlığı değil çünkü. Çok büyük bir ihtimalle Opera da aynı davranışı gösterecek çünkü W3C CSS standartlarında bu özellik bu şekilde tanımlanmış.

Normalde koymazsan ve sayfanın içeriği dinamik olarak uzayıp scrollbar çıkartacak şekildeyse overflow: scroll eklersin ve scrollbar her zaman olur. Değilse zaten ek bir şey yapmana gerek yok. IE'nin bunu sürekli çıkartması ya uyumluluk moduna girmemesinden ya da standartlara uymamasından.

Tekrar söylüyorum bu bir sorun değil
http://www.w3schools.com/htmldom/pro...e_overflow.asp
http://www.w3.org/TR/REC-CSS2/visufx.html
adreslerinde de belirtiliyor. Bu adreslerde varsayılan değerin "visible" yani scrollbar koymadan göstermek olduğu belirtiliyor ancak bu sayfa içindeki diğer blok elemanlar için geçerli tabi.

[erdinç]

BYK,

Senin bahsettiğin adresteki web standartlarından haberim var. Orada bizim site içine koyduğumuz scrollbar'dan bahsediyor. Yoksa taraycıının kendi scrollbar'ı ile alakası yok. Standartlarla uyumlu olup da yüksekliği az olan sayfalarda scrollbar kısmını komple kaldırmak yerine IE6 gibi deaktive eden tarayıcı mutlaka vardır.

Tarayıcılar konusunda uzman olmadığım şimdi sana örnek veremiyorum ancak o sorun Firefox'un problemli olmasından kaynaklanıyor.

Safari ve opera'da durum nedir?

Ekleme:
Bu arada az önce dalgınlıkla problemi çözdüm sanmıştım. Overflow:scroll ekleyince Firefox'un olmayan düzey scrollbar'ı ortaya çıkıyor ancak bir tane de yatay ortaya çıkıyor.

Ayrıca IE6'da var olan düşey scrollbar yanına bir tane daha geliyor. İki tane yan yana düşey scrollbar oluyor. Ayrıca bir tane de yatay oluyor. Anlayacağın Overflow:scroll komutu durumu iyice bozuyor.

[erdinç]

Çözümü bu sayfada buldum. Aynen benim anlattığım problemi tasvir etmiş. Firefox'ta farklı yükseklikler içeren sayfalar arasında gezinirken, scrollbar çıkıp çıkmamasına göre sitenin bir sağa bir sola zıplaması şeklinde sorunu anlatmış. Birkaç farklı çözüm önermiş.


HTML {
overflow-y: scroll; /* Firefox scrollbar fix */
}

[BYK]

Son mesajını görmeden önce tam overflow-x ve overflow-y den bahsedecektim ki sen zaten bulmuşsun

Body elemanı da blok bir eleman olduğu için ben direk böyle kabul etmiştim durumu. Opera ve Safari'de denemedim söylediğim gibi ama muhtemelen o da aynı davranışı yapacaktır diye düşünüyorum.

Bir de adreslerdeki bilgiyi bilmediğini varsayarak yazdığım mesaj ve yaptığım hatadan dolayı özür diliyorum ama genelde insanlar pek bakmıyorlar sen de biliyorsun