[yriiarutiunian]

По идее не подходит если я правильно понял, давайте я поясню подробнее:
Структура блока такая:

<div class="w" style="position: relative; float: left; width: 50%; height: 100%;">

  <div class="window" style="position: absolute; left: 0; top: 0; right: 0; bottom: 0;">

    <div class="head" style="position: relative; height: 27px;">
    </div>

    <div class="block" style="position: absolute; top: 27px;">
    </div>

  </div>

</div>

По клику на div.head я вырезаю все из div.w, тоесть делаю:

var buf = $( 'div.w' ).find( '.window' );
  $( 'div.w' ).find( '.window' ).remove();

После этого создаю блок div и пихаю его в body:

var FullScreen = $( '<div/>' );
FullScreen.attr( 'id', 'block-full-screen' );
FullScreen.css({
  position: 'absolute',
  left: '5px',
  top: '5px',
  right: '5px',
  bottom: '5px',
  zIndex: 1001,
  display: 'none'
});
FullScreen.html( bufHtml );
FullScreen.appendTo( $( document.body ) );

В bufHtml сохранено div.window. Отображаемое нужное содержимое лежит в div.block. Если там была таблица подогнанная скажем под размер div 50% х 100% то после вырезания и добавление в блок fullScreen она так и отображается на свою ширину и высоту. Если я скажем окно браузера слегка сверну и разверну, то таблица ресайзится на весь fullScreen.