Html5中的iframe佈局

我想爲某些原因使用html5佈局的iframe。希望panelframe和bodyframe佔據瀏覽器的整個高度，頂部爲56px，底部爲54px。但下面的代碼不起作用。Html5中的iframe佈局

<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>

任何幫助？

來源

2013-10-08 Paramasivan

究竟是你想實現什麼目標？這聞起來像一個不必要的框架憎惡。您知道，您可以在沒有這些iframe的情況下在頁面上設置元素的樣式和位置，對嗎？ – nietonfir

你可以在jsfiddle上發佈代碼嗎？ – VVL

你在建造一個釣魚網站嗎？此代碼沒有任何意義，請發佈jfiddle – dprogramz

檢查了這一點，造型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>

來源

2013-10-08 21:35:50

這個網站的工作，但我高度推薦使用AJAX而不是iFrames – dprogramz

仍然頁腳在屏幕中間。 – Paramasivan

我高度推薦使用AJAX而不是iFrames –

Html5中的iframe佈局

回答

相關問題