IE den girilince farklı css kullansın

Question

Selamlar,

a.com sitesine Mozilla Firefox ile girince 1.css özellikleri kullanılsın.
a.com sitesine Internet Explorer ile girince 2.css özellikleri kullanılsın.

Varmı kullanımını bilen !

TylerDurden · Answer

<head> </head> arasına

hrngndz · Answer

IE 7 içinde Alıntı olarakmı kullanıcaz ?

BuRaKM · Answer

Evet

hrngndz · Answer

Hallettim, repliyorum.

AycanB · Answer

TylerDurden adlı üyeden alıntı: mesajı görüntüle arasına peki bu ie6 için ie7 için ff için ayrı css kodlıyacaz bunları nereye neye göre düzeltecez bilginiz varmı İE hataları konusunda

TylerDurden · Answer

AycanB adlı üyeden alıntı: mesajı görüntüle

Teşekkür ederim aklımda biraz canlandı ama şöyle anladım.
İlk başta Firefox için yapıyorum "ff.css" diyelim, sonra Siteyi İE7 de açıyorum hatalı olan yerleri Ana stil dosyamızdan alarak ie7.css içine yapıştırıyorum demi.
Peki bu ana dosyayı neye göre yapcaz yani hangi taracıya bakarak yapcaz ?

bir ana css dosyası yapacaksın hangi tarayıcıda baktığın önemli değil. Ama tavsiyem tabiki Firefox ile bakman olacaktır. Ardından bir IE için ayrı css dosyası tanımlar, IE'de patlayan CSS sınıflarını alır diğer dosyaya da yapıştırır orada da IE için özel olarak kodlarsın.

Tabiki biraz daha fazla kasarak, tek CSS dosyasını tüm browserlarda uyumlu hale getirmek performans bakımından size yararı olacaktır.

mesela tasarımı ff ile yaptınız, her şey tamam. ama sağ kolon ie6'da kayıyor. o zaman style.css dosyasındaki #sidebar{....} kodunu, styleie6.css dosyasına yapıştırın. değerlerini değiştirin. mesela width:..px değerini azaltın. bu sayede ie6 için de uygun hale gelir.

eğer ie6 ile açılmış bir sitede, ie6 için tanımlanmış css dosyasında gerekli tanım yoksa, genel css dosyasına bakar browser.

bazı özel durumlar var. mesela padding, ie6 için geçerli değildir. yanlış algılar. o zaman width ve margin değerleriyle oynamanız gerekir.

AycanB · Answer

TylerDurden adlı üyeden alıntı:						mesajı görüntüle									hepsine ayrı kodlama gerekmiyor. temel bir style.css oluşturup, ff kullanarak tasarımı yapın. her şey bittikten sonra tasarımı ie7 ile açın. büyük ihtimalle sorun çıkmayacaktır ama çıkarsa, sadece sorun olan kodu, style.css'den kopyalayıp, ie7 için yaptığınız style.css dosyasına(styleie7.css) yapıştırın ve padding, margin, height, line-height, vb gibi ölçüleri değiştirin. sonra tasarımı ie6 ile açın ve hatalı yerleri styleie6.css dosyasına yapıştırın. yine değişiklikleri yapın. yani tüm kodlar style.css dosyasında olsun. ie6 ve 7 için tasarımı bozan kodları, bunlarla ilgili css dosyalarına ekleyip düzenlemeniz yeterli.
mesela tasarımı ff ile yaptınız, her şey tamam. ama sağ kolon ie6'da kayıyor. o zaman style.css dosyasındaki #sidebar{....} kodunu, styleie6.css dosyasına yapıştırın. değerlerini değiştirin. mesela width:..px değerini azaltın. bu sayede ie6 için de uygun hale gelir.
eğer ie6 ile açılmış bir sitede, ie6 için tanımlanmış css dosyasında gerekli tanım yoksa, genel css dosyasına bakar browser.
bazı özel durumlar var. mesela padding, ie6 için geçerli değildir. yanlış algılar. o zaman width ve margin değerleriyle oynamanız gerekir. 		Teşekkür ederim aklımda biraz canlandı ama şöyle anladım.
İlk başta Firefox için yapıyorum "ff.css" diyelim, sonra Siteyi İE7 de açıyorum hatalı olan yerleri Ana stil dosyamızdan alarak ie7.css içine yapıştırıyorum demi.
Peki bu ana dosyayı neye göre yapcaz yani hangi taracıya bakarak yapcaz ?

eNerGy · Answer

AycanB adlı üyeden alıntı:						mesajı görüntüle									Teşekkür ederim aklımda biraz canlandı ama şöyle anladım.
İlk başta Firefox için yapıyorum "ff.css" diyelim, sonra Siteyi İE7 de açıyorum hatalı olan yerleri Ana stil dosyamızdan alarak ie7.css içine yapıştırıyorum demi.
Peki bu ana dosyayı neye göre yapcaz yani hangi taracıya bakarak yapcaz ? 		bir ana css dosyası yapacaksın hangi tarayıcıda baktığın önemli değil. Ama tavsiyem tabiki Firefox ile bakman olacaktır. Ardından bir IE için ayrı css dosyası tanımlar, IE'de patlayan CSS sınıflarını alır diğer dosyaya da yapıştırır orada da IE için özel olarak kodlarsın.

Tabiki biraz daha fazla kasarak, tek CSS dosyasını tüm browserlarda uyumlu hale getirmek performans bakımından size yararı olacaktır.

AycanB · Answer

eNerGy adlı üyeden alıntı:						mesajı görüntüle									bir ana css dosyası yapacaksın hangi tarayıcıda baktığın önemli değil. Ama tavsiyem tabiki Firefox ile bakman olacaktır. Ardından bir IE için ayrı css dosyası tanımlar, IE'de patlayan CSS sınıflarını alır diğer dosyaya da yapıştırır orada da IE için özel olarak kodlarsın.
Tabiki biraz daha fazla kasarak, tek CSS dosyasını tüm browserlarda uyumlu hale getirmek performans bakımından size yararı olacaktır. 		Anladım normalde ie7 ye göre css ,ie6 ya göre css  ve ff ye göre css hazırlayıp ayrı css'lerden siteyi yapabilirim bunu anladım.
Peki tek css dosyasında nasıl yapacağım mesela diyelim ;
#icerik1 {.... } diye tanımladığımız bi içerik var bunu aynı css dosyarlında tarayıcılara göre şöylemi tanımyacağım yani bütün ie6 , iee , ff kodlarını bir css dosyasına koymaktan bahsediyoruz sanırsam, alttaki gibi ;
#icerik1_ff {.... }
#icerik1_ie6 {.... }
#icerik1_ie7 {.... }
yani böyle mi tek css dosyasında tanımayacağım herşeyi mantıken düşünüyorum böyle olmaz gibime geliyor ?

eNerGy · Answer

Hayır öyle değil. Browserların yapısında bazı farklılıklar vardır sen o farklılklara uyan gereki kodları ince eleyip sık dokuyarak deneyerek çözeceksin. Örneğin atıyorum; 1px fazla bir width değeri sağ menüyü IE6'da aşağıya atabilecekken IE7'de content üzerine çıkarabilir, Firefox'ta hiç bir problem yaşatmaz. Bu tarz durumda 1px bir değer eksik vereceksinki 3 browserda'da aynı sonucu alabilesin. Veya IE6 margin değerleri sorunlar çıkarabilir. Onun için bazı yerlerde margin değil padding kullanırsın vs..

murat3d · Answer

iyimis

JustGo · Answer

ie6 da css kaynaklı sorunları halletmek için farklı css dosyalarında kod yazıyorum kullandığım kodda aşağıda , fakat ie.css dosyasında değişiklik yapıyorum ff de bakıyorum gene katmanlar kayıyor , e gidiyorum ana stil.css dosyasında değişiklik yapıyorum bu seferde ff'de işlemiyor bunun nedeni ne olabilir?

AycanB · Answer

eNerGy adlı üyeden alıntı:						mesajı görüntüle									Hayır öyle değil. Browserların yapısında bazı farklılıklar vardır sen o farklılklara uyan gereki kodları ince eleyip sık dokuyarak deneyerek çözeceksin. Örneğin atıyorum; 1px fazla bir width değeri sağ menüyü IE6'da aşağıya atabilecekken IE7'de content üzerine çıkarabilir, Firefox'ta hiç bir problem yaşatmaz. Bu tarz durumda 1px bir değer eksik vereceksinki 3 browserda'da aynı sonucu alabilesin. Veya IE6 margin değerleri sorunlar çıkarabilir. Onun için bazı yerlerde margin değil padding kullanırsın vs.. 		Teşekkürler energy ben baya bi sorun yapıyordum bu ie ff farklılıklarını 
Ama önerim bir web sitesinin 100 hiti varsa
90 tanesi ie becne sitelerini ie'ye göre yapın.

BuRaKM · Answer

AycanB adlı üyeden alıntı:						mesajı görüntüle									Teşekkürler energy ben baya bi sorun yapıyordum bu ie ff farklılıklarını 
Ama önerim bir web sitesinin 100 hiti varsa
90 tanesi ie becne sitelerini ie'ye göre yapın. 		Öyle düşünmemek lazım siteme girenlerin sadece %60 ı ie kullanıyor .

eNerGy · Answer

Hayır. Sitelerinizi browserlara göre değil, Web standartlarına göre yapın. Zaten ne kadar çok proje deneyeminiz olursa, bir süre sonra hangi browser hangi kodda sorun çıkartıyor vb. şeyleri öğreneceksiniz .