title: Fotorama gallary don't work width: 100 % in the block display table-cell
body: <p>If I put the code of the gallery to display: table-cell block, the gallery does not update its width after reducing the width of the parent block.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="page"&gt;
     &lt;div class="sidebar"&gt;
         Sidebar
     &lt;/div&gt;
     &lt;div class="mainbar"&gt;
         Mainbar
         &lt;div class="fotorama" data-width="100%" data-ratio="3/2"&gt;
             &lt;a href="1.jpg"&gt;&lt;/a&gt;
             &lt;a href="2.jpg"&gt;&lt;/a&gt;
             &lt;a href="3.jpg"&gt;&lt;/a&gt;
             &lt;a href="4.jpg"&gt;&lt;/a&gt;
             &lt;a href="5.jpg"&gt;&lt;/a&gt;
        &lt;/div&gt;        
  
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.page {
      display: table;
      width: 100%;
      }
      .sidebar,
      .mainbar {
          padding: 10px;
          display: table-cell;
          }
      .sidebar {
          width: 30%;
          background: #BEF781;
          }
      .mainbar {
          background: #F3F781;
          width: 70%;
          }
  </code></pre>
  
  <p>Example: <a href="http://jsfiddle.net/o3cjqeau/6/" rel="nofollow">http://jsfiddle.net/o3cjqeau/6/</a></p>