Поведение элементов списка или стека div, как в таблице на CSS

Помогите разобраться в поведением элементов. Например, есть таблица.

<table width="100%">
  <tr>
    <td rowspan="3"></td>
    <td>1</td>
  </tr>
  <tr>
    <td>2</td>
  </tr>
  <tr>
    <td>3</td>
  </tr>
</table>

С колонке справа, высота каждой ячейки зависит от высоты контента в одной единственной ячейки слева, другими словами 1/3 от высоты.
Как заставить также вести себя или элементы списка или div.
Причем при следующей компановке c div:
<div class="parent">
        <div class="tabs" id="view">
            <div class="tab active" id="slide-01"><img src="" /></div>
            <div class="tab" id="slide-02"><img src="" /></div>
            <div class="tab" id="slide-03"><img src="" /></div>
         </div>
        <div class="preview">
            <div><a href="#slide-01" ><img src="" /></a></div>
            <div><a href="#slide-02" ><img src="" /></a></div>
            <div><a href="#slide-03" ><img src="" /></a></div>
        </div>
</div>

или вместо блока c классом preview, находиться список:

<ul class="preview">
  <li><a href="#slide-01" ><img src="" /></a></li>
  <li><a href="#slide-02" ><img src="" /></a></li>
  <li><a href="#slide-03" ><img src="" /></a></li>
</ul>

Задача, сделать так, чтобы элементы внутри класса preview, суммарно имели высоту блока с id=view.
При этом id=view имеет ширину 80%, а вложенная картинка резиновая с width=100%.
Т.к. заранее не известна высота родителя, то передать высоту % не получается.

1 ответов