Hatırladınız değil mi? hep böyle garip hatalar ancak IE üzerinde oluyor. Ya da buyrun garip olup olmadığına siz karar verin.
Bir web tasarımcısı için en en hoş olmayan durumlardan biri de çıkan işin farklı tarayıcılarda farklı farklı gözükmesidir. Sağolsun IE de buna yardımcı oluyor.. Sorun şu; float ile elementlerin sağa veya sola yaslı olmasını sağlıyoruz ama tamanen bitişik olmaması için margin ile istediğimiz yerde durmasını sağlıyoruz. Ne güzel! ama her nedense IE eğer float:right; margin-right:10px; veya float:left; margin-left:10px; gibi bir kullanımda verilen margin değerini ikiye katlıyor.
sorun 2004 ocak ayında çözülmüş daha önceleri çözülmez sanıldığı için margin yerine başka bir görünmeyen(visibility:hidden;) element ekliyorlarmış. Steve Clason çok basit bir çözüm keşfetmiş.
display:inline; özelliğini eklemek olayı çözüyor.
İster istemez sorası geliyor insanın “2004’den bu yana kaç IE yaması çıktı?”
This is IE, remember? (CSS float-margin hatası)
16/02/06
Yeni temamı hazırlarken ben de baya bi kafa yormuştum bunun üzerine. Sonra bu nette ie hack olarak adlandırılan makalelerle karşılaştım. Neyse ki şimdi sorunsuz devam edebiliyoruz ;)
css-discuss.incutio.com/?page=CssHack burdada bayağı işe yarar bilgi var
Ben 2 tane div tag‘ı kullanıyorum! biri %80 biri ise %100 boyutta.. arkaplan resmi olduğu için %80 olanı sağa yaslamak istedim yasladık ama %100 olan %80’liğin boş kısmına geldi :S daha sonra %100’de “float:right;” ekledim.. eywallah firefoxda sorun yok, tam istediğim gibi oldu ama ie’de yine aynı….
ahhh ahhh bundan 4-5 sene önce ie’den başka sık kullanılan tarayıcı yoktu.. tasarımcılar ie’ye göre yapıyordu.. şimdi adamın beyni eriyor.. ondan öyle bunda böyle..
neyse sorunum bu arkadaşlar acaba bu %100 div tag‘ına ne yapsan altta kalır veya div yerine ne kullansam aynı işi görür? bi yardımcı olsanız bana :(