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

Question

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

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

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

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

Answer 1

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

Пример:

<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%;
}