‘div yüksekliği sorunu’ etiketi için sonuçlar
CSS İpuçları 14 – IE div yüksekliği sorunu
Ocak 10th, 2008 • 26 yorum CSS, XHTML
Etiketler: CSS, div yüksekliği sorunu, ie, internet explorer, XHTML
our_style {
height: 1px;
width: 100px;
background-color: black;
}
<div class="test"></div>
Bu kod Firefox’da sorunsuz çalışmasına karşın IE’de yükseklik 10px görünecektir. Bir bakıma IE boş içeriğin yüksekliğini 10px kabul ediyor, ancak bu bizim işimizi bozuyor. Çözüm ise çok basit.
.test {
font-size: 0;
height: 1px;
width: 100px;
background-color: black;
}
Sadece font-size tanımını 0 atamamız yeterli.
Kaynak: http://vaig.be/2007/04/07/div-styleheight-1px-bug-in-ie/
