clear-fix google chrome da height:auto; sorunu

Cevaplar

• 

  10 yıl önce yazılmış

  GncArt

  42 cevap - 13 soru
  Yaptığınız şey IE de düzgün, diğer tarayıcılarda bozuk gözüküyorsa sorun sizdedir :) Şaka bir yana float uygulanmış elementlerin kapsayamama sorunu için gereksiz yere div açıp clear:both atamaktansa Fatih Hayrioğlu'nun çözümü olan kodu kullanmanızı tavsiye ederim.
  
  Aaşağıdaki kodu CSS dosyanıza ekleyin ve sorunlu olan divlere "float" isminde bir class atamanız sorunu çözecektir.
  
  

  .float:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
  }
  .float{display: inline-block;}
  /*IE-mac de bu bolumu sakla \ */
  * html .float{height: 1%;}
  .float{display: block;}
  /* IE-mac bu bolumu saklam artik */
  

  • EmreSoner
    Aynı çözümü uyguladım bende fakat İE bütün elementleri kapsarken chrome ve mozilla da elementlerin yarısını kapsıyor...
    10 yıl önce yazılmış
  • GncArt
    HTML ve CSS kodlarınızı paylaşır mısınız?
    10 yıl önce yazılmış
  • EmreSoner

    #content{
    width:980px;
    height:auto;
    padding-top:1px;
    background:#006699;
    }
    #content:after{
     content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    #content{display: inline-block;}
    
    /*IE-mac de bu bolumu sakla \ */
    
    * html #content{height: 1%;}
    
    #content{display: block;}
    
    /* IE-mac bu bolumu saklam artik */
    

    
    
    
    
    
    

    <div id="content">
    
    Bu kısımda sayfa içeriği ile ilgili php kodları var... IE normal mff ve chrome hatalı 
    
    </div>
    
    

    10 yıl önce yazılmış