Firefox ekran-hücre-hücre sınır-sağ ve alt göstermiyor

Question

Firefox display-table-cell gösteriliyor border-right ve border-bottom!

Kodu:

.slides { 
 
    display: table; 
 
} 
 
.proImgSection, .profileInfo { 
 
    width: 50%; 
 
    display: table-cell; 
 
    vertical-align: middle; 
 
} 
 
.profileInfo { 
 
    border: 1px solid #5d5d5d; 
 
    border-left: 0; 
 
}

<div class="slides"> 
 
    <div class="proImgSection"> 
 
    <img src="img/li-europan_img.jpg"> 
 
    </div> <!-- .proImgSection --> 
 
    <div class="profileInfo"> 
 
    <div class="profileInner"> 
 
     <span class="u_name"><span class="greenTxt">Li Europan </span></span> 
 
     <p>Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules.Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular </p> 
 
    </div> <!-- .profileInner --> 
 
    </div> <!-- .img --> 
 
</div>

Answer 1

Ben CSS Table ve calc() function kullanarak benim soruna bir çözüm bulduk.

.slides { 
    display: table; 
    width: calc(100% - 1px); 
}