Home/ Questions/Q 6230179
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T09:42:02+00:00

I would like to replace a frameset page with a page with a div

  • 0

I would like to replace a frameset page with a page with a div (menu) and an iframe (content).

I’m trying the code below but the iFrame occupies the entire window space, including the menu, creating a scroll bar.

How to make the iFrame cover only the remaining space of the window?

jsfiddle -> http://jsfiddle.net/Q3UV2/

CSS

body {
    background-color:Black;
    margin:0px;
    overflow:auto;
}
#divMenu {
    top:0px;
    left:0px;
    height: 100px;
    width:100%;
    background-color:Gray;
}
#ifrContent {
    position:absolute;
    width:100%;
    height:100%;
}

HTML

<body>
    <div id="divMenu">Menu</div>
    <iframe id="ifrContent" frameborder="0" src="http://www.ebay.com/"></iframe>
</body>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    CSS

    body {
    background-color:Black;
    margin:0px;
    overflow:hidden;
}
#divMenu {
    position:absolute;
    top:0px;
    left:0px;
    height: 100px;
    width:100%;
    background-color:Gray;
}
#divConteudo {
    position:absolute;
    width:100%;
    bottom:0px;
    top:100px;
    background-color:#0ff;
}

    HTML

    <div id="divMenu">Menu</div>
<div id="divConteudo">
    <iframe id="ifrConteudo" frameborder="0" src="http://www.ebay.com/" width="100%" height="100%" style="background-color:#fff"></iframe>
</div>
    • 0