height ve FF Sorunu

[byfobi]

.programdown {width: 467px!important; width: 467px;  height:60px; BORDER: #e0e0e0 1px dotted; padding-bottom:3px; margin-top:3px;}

yukardaki şekilde css tanımı yaptığım zaman hiç bir sorun yok ama height tanımını % de değer yaptığım zaman FF'de sorunla karşılaşıyorum bunun bir çözümü varmı.

[bybye]

nasil bir sorunla karsilasiyorsun, biraz daha aciklarsan yardimci olabiliriz.

[byfobi]

http://rapidshare.com/files/29397552/css.rar

yukardaki dosyada deneme.htm dosyayı mevcut bu dosyayı explorer 6 ve ff de açarsan aradaki farkı ve sorunu göreceksin...

[bybye]

float'lardan kaynaklanan bir sorunun var, gerekli olan tum class'larda float kullanmadigindan dolayi istedigin goruntuyu firefox'ta alamiyorsun. float olmayan bir div icerisine float edilmis bir element koyarsan firefox'ta bu sekilde goruntulenir. senin ornekte yorum_blogu ve yazi class'larina float verdigin zaman duzeliyor. tabi float ile clear'de kullanman gerekir. kutucuklari alta atmak icin clear kullanmalisin.

[byfobi]

.clearfix:after {
clear: both;
display: block;
content: ".";
height: 0;
visibility: hidden;
}

* html > body .clearfix {
width: 100%;
display: block;
}

* html .clearfix {
height: 1%; /* End hide from IE-mac */
}

/* Firefox Scrollbar Hack - Do not remove */
html {
margin-bottom: 1px;
height: 100%!important;
height: auto;
}

şeklinde css ekleme yaptım..

<div id="yorumblogu" class="clearfix"> şu şekilde kullanarak sorunu çözdüm..