Yeni işe başladığım şirketin sitesini yenileme çalışmalarına başlamıştık. XHTML standartlarına uyumlu, grafik şekillerden ziyade içeriğe önem veren bir site olsun diye bir karar almıştım ve ona uygun bir şekilde devam ettim. Veritabanı işlemleri için PHP kullandık. Böylece ilk etapta hosting konusundaki ayakbağından kurtulmuş olduk. Şirket sitesini yenilerken eski siteden kalma bir banner kullanmamız gerekti. Banner oldukça hoştu ancak eni yetersizdi. Dolayısı ile yenilemektense bunu biraz çekiştirmek daha mantıklı geldi.
Enini uzatıp boyunu CSS DIV boyutuna ayarladıktan sonra eski siteden bu bannerı görüntülen OBJECT kodunu alıp yapıştırdım. İşlem sorunsuzdu. Sonra imajlar için efekt yapmam istendi. Javascript kullanmaktense CSS Opaque filtrelerle yapmayı seçtim. Daha sonra bir menü için gene Javascripte dokunmadan CSS pulldown menu ekleyip kullandık.
Benim bilgisayarımda tüm işlemler sorunsuzdu. Bilgisayarım Firefox, IE7 ve Opera ile çalışıyordu. Ancak diğer ççalışanlardan bazıları sitenin ekranda “zıpladığını” belirterek durumu bildirdiler. Kontrol ettim ve haklıydılar. Ben bir sürü aşama geçmiş olduğumdan tabii ilk başladığı aşamayı kaçırmış oldum. Kısaca hatanın başlangıcı belirsizdi.
Adım adım geriye giderek çözmem gerekiyordu ancak layer sorunu olduğunu tahmin ediyordum.
1. Opaque kodlarını devre dışı bıraktım olmadı.
2. Css menuleri devre dışı bıraktım olmadı.
3. Z-index değerleri sildim olmadı.
4. Sonunda flashtan olmasın diye sallayıp görüntü parametrelerini sildim. Flash objeyi aktif etmek tıklayın yada enter tuşuna basın diye bir mesaj vermeye başladı. Objeye tıkladığım anda ise zıplama durmuştu.
Teşhis konulmuştu şimdi iş hangi parametre olduğunu bulmaya gelmişti. Sıra ile değerleri silip denedim. Wmode parametresini eski sitede “window” olarak kullanmışlardı. Bende öyle kullanmıştım… Transparent yapınca tüm site normal çalışmaya başladı.
Size tavsiyem xhtml ile wmode=window kullanırken ekstra dikkat
841 - (Toplam) 4 - (Bugün)