iframe layout in Html5

2018-07-02 06:05:06

I want to use iframes for html5 layout for some reason. Want the panelframe and bodyframe to occupy the full height of the browser leaving 56px at top for header and 54px at bottom for footer. But the following code is not working.

<iframe name="headerframe" width="100%" height="56" frameborder="0" src="header.html"></iframe>

<iframe name="panelframe" width="300" height="95%" frameborder="0" src="panel.html"></iframe>

<iframe name="bodyframe" width="auto" height="95%" frameborder="0" src="body.html" ></iframe>

<iframe name="footerframe" width="100%" height="54" frameborder="0" src="footer.html" ></iframe>

Any help?

检查了这一点，造型wbsites是非常容易的

<div style="padding-top:54px;padding-bottom:54px" > 
    <iframe name="headerframe" width="100%" height="100" frameborder="0" src="header.html"></iframe>

    <iframe name="panelframe" width="100%" height="100%" frameborder="0" src="panel.html"></iframe>

    <iframe name="bodyframe" width="100%" height="100%" frameborder="0" src="body.html" ></iframe>

    <iframe name="footerframe" width="100%" height="100%" frameborder="0" src="footer.html" ></iframe>
</div>

链接地址: http://www.djcxy.com/p/89912.html

上一篇: Disqus iframe增长以适应其内容，使其很难链接到

下一篇: Html5中的iframe布局