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.