Kodları lütfen aşağıdaki butonları kullanarak renklendirin. Örnek: <php> echo "Selam Dünya"; </php>
Yardım
karakter kaldı

clear-fix google chrome da height:auto; sorunu

Float uygulanmış elementleri kapsayamama sorununun çözümünün clear:both; uygulanarak yapılmasında şaşırtıcı olarak İE de gayet normal fakat chrome ve mozilla da bazı elementleri kapsayıp bazı elementleri kapsamıyor... sebebi nedir
+0
-0
Cevaba KatılıyorumKatılmıyorum
Cevap Yaz Yorum Yaz Arşivime Ekle Takip Et

Cevaplar

  • GncArt adlı üyenin fotoğrafı
    9 yıl önce yazılmış
    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 adlı üyenin fotoğrafı EmreSoner
      Aynı çözümü uyguladım bende fakat İE bütün elementleri kapsarken chrome ve mozilla da elementlerin yarısını kapsıyor...
      9 yıl önce yazılmış
    • GncArt adlı üyenin fotoğrafı GncArt
      HTML ve CSS kodlarınızı paylaşır mısınız?
      9 yıl önce yazılmış
    • EmreSoner adlı üyenin fotoğrafı 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>
      
      
      9 yıl önce yazılmış