По идее не подходит если я правильно понял, давайте я поясню подробнее:
Структура блока такая:
<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.
