html5 iframe для почти полного экрана?

Question

Я искал использование frameset на моем другом XHTML 1.0 Strict сайте, но я заметил, что с HTML5 функция frameset устарела, и вместо этого следует использовать iframe.

Мне нужно загрузить чужой сайт на моем сайте, и мой сайт занимает только самую верхнюю часть экрана (и было бы неплохо, если бы это не мешало прокрутке, например, выглядело так, как будто мой топ часть моего сайта была фактически iframe на иностранном сайте).

Как это сделать с HTML5 iframe? Могу ли я установить height из iframe на полный размер документа, который загружен в пределах iframe, и width на весь экран? На моем собственном сайте будет только однострочное меню сверху; в противном случае весь экран должен быть посвящен iframe.

Нет JavaScript, должен быть HTML5-only (возможно, с некоторыми незначительными CSS, но ничего серьезного, поскольку он должен работать в браузерах, таких как lynx/links).

Answer 1

Используйте комбинацию из position из fixed и absolute.

Example:

<div id="myHeader">My site portion</div> 
<div id="myWrapper"><iframe id="myIframe" src="data:text/html;charset=utf-8,<div style='position:absolute;height:100%;width:100%;background-color:red;'>other Site</div>"></iframe></div> 


body { 
    margin: 0 0 0 0; 
} 

#myHeader { 
    position: fixed; 
    top: 0; 
    height: 100px; 
    width: 100%; 
} 

#myWrapper { 
    position: absolute; 
    top: 100px; 
    bottom: 0; 
    left: 0; 
    right: 0; 
} 

#myIframe { 
    height: 100%; 
    width: 100%; 
}