Div, разделяющие общий размер (не в процентах)

Question

Есть ли где-нибудь, чтобы соединить размеры div, как я сделал с кадрами ниже? Я говорю о * в rows="*, 16", который занимает оставшееся место.

<frameset frameborder="0"  rows="70, *, 30">
   <frame name="toolbar" src="toolbar.html" marginwidth="8px" marginheight="8px" />

   <frameset id="lineNumFrameset" frameborder="0" cols="50, *">
      <frameset rows="*, 16">
      <frame id="other_frame" name="lineNum" src="lineNum.html" marginwidth="8px" marginheight="8px" align="top" />
      </frameset>

      <frame name="editor" src="editor.html" marginwidth="8px" marginheight="8px" />
   </frameset>

   <frame name="statusbar" src="statusbar.html" marginwidth="8px" marginheight="8px" />
</frameset>

Спасибо.

Answer 1

Похоже, вы хотите создать трехколоночную схему с текучей средой.

Использование полей и float будет работать. Переместите ваш первый div влево и установите ширину, равную ширине левого столбца. Переместите ваш второй div справа и установите его ширину. Тогда ваш третий div не будет плавать, но вы установите левое поле равным ширине левого столбца, а правое - ширине правого столбца.

Возникнут некоторые проблемы, которые будут решены, если один из ваших столбцов будет больше по высоте, чем ваш средний div, но это можно решить путем создания плавающего div.

Редактировать: добавлен пример:

http://css.maxdesign.com.au/selectutorial/steps/step22.htm

Answer 2

Мое решение проблемы заключается в использовании события onresize с окном просмотра (document.documentElement.clientHeight), установленным в соответствующем свойстве CSS высоты с JavaScript.