Fotorama gallary가 작동하지 않음 너비 : 블록 표시 테이블 셀에서 100 %

Question

갤러리의 코드를 표시하려면 : 표 셀 블록을 갤러리의 너비를 줄인 후 갤러리의 너비를 업데이트하지 않습니다. 블록.

HTML :

<div class="page"> 
    <div class="sidebar"> 
     Sidebar 
    </div> 
    <div class="mainbar"> 
     Mainbar 
     <div class="fotorama" data-width="100%" data-ratio="3/2"> 
      <a href="1.jpg"></a> 
      <a href="2.jpg"></a> 
      <a href="3.jpg"></a> 
      <a href="4.jpg"></a> 
      <a href="5.jpg"></a> 
     </div>   

    </div> 
</div> 

CSS :

.page { 
    display: table; 
    width: 100%; 
    } 
    .sidebar, 
    .mainbar { 
     padding: 10px; 
     display: table-cell; 
     } 
    .sidebar { 
     width: 30%; 
     background: #BEF781; 
     } 
    .mainbar { 
     background: #F3F781; 
     width: 70%; 
     } 

예 : http://jsfiddle.net/o3cjqeau/6/

Answer 1

내가 추가, 같은 문제에 달렸다 "테이블 레이아웃 : 고정;" 나를 위해 일했다 :

.page { 
display: table; 
table-layout: fixed; 
width: 100%; 
}