BT ifade

Hiç liste öğeleri (li) etiketleri ve CSS kullanarak (ya da bir yapım) Dikey Menü yaptıysanız, karşılaşabileceğiniz bu henüz IE blok düzeyi öğeleri içeren liste öğeleri arasındaki 6 ekler bu boşlukları, Internet Explorer, başka bir hata biçimlendirme liste öğeleri arasında herhangi bir boşluk varsa yani. Teşekkürler, ama hayır, teşekkürler, IE sürüm 7 Bu hata arınmış görünüyor.
Bana, ve daha birçok gibi, hala çok IE6 çalışarak yeni düzen, almak zorunda sinirli geliştiriciler, bu bant aitse, o zaman bu yararlı olabilir. Bir göz atın ...

Örnek biçimlendirme:

<ul id="menu">
<li> <a href="#"> Ana Sayfa </ a> </ li>
<li> <a href="#"> Hakkında </ a> </ li>
<li> <a href="#"> Hizmetler </ a> </ li>
<li> <a href="#"> Portföy </ a> </ li>
<li> <a href="#"> Yardım </ a> </ li>
<li> <a href="#"> Bize Ulaşın </ a> </ li>
</ Ul>

Bir dikey menü içine yukarıdaki biçimlendirme transfrom için, aşağıda bir benzer bazı CSS oluşturabilir ....

Örnek CSS ...
# Menu {
margin: 0; padding: 0; background: # FF9900;
list-style-type: none; width: 150px;
}
# Menu li {margin: 0; padding: 0;}
# Menu a {display: block;
color: # 555555;
text-decoration: none;
padding: 0 15px;
line-height: 2.5; border-bottom: 1px solid # FFF;
}

Göreceksiniz sonuçları ...

Bu hata ... (değiştirilmiş / koyu italik olarak CSS eklendi) için çözüm

# Menu {
margin: 0; padding: 0; background: # FF9900; list-style-type: none; width: 150px;
float: left; / * Bu yüzen liste öğelerini içerir * /
}
# Menu li {
margin: 0; padding: 0;
float: left; / * Bu düzeltmeleri * /
width: 100%; IE6 / * boşluk hata * /
}
# Menüsünden bir {
display: block; color: # 555555;
text-decoration: none;
padding: 0 15px;
line-height: 2.5; border-bottom: 1px solid # FFF;
}

Yukarıdaki çözüm etmediğinden (sadece IE6 bilinen nedenlerle) çalışmıyor gibi görünüyor ... Eğer bunun yerine bu yöntemi deneyin

Sadece biçimlendirme için bu ek IE6 sadece stilleri eklemek ...

<! - [If lt IE 7>
<style type="text/css">
# Menu li a {display: inline-block;}
# Menu li a {display: block;}
</ Style>
<[Endif] ->