Question

I have following webpage:

<div id = "wrapper">
    <div id="leftmenu>
    ...
    </div>
    <div id="search">
    ...
    </div>
    <div class="Container">
            <div id="content">
                <iframe id="iF" name="if" src=""></iframe>
            </div>
        </div>
</div>

It bascially shows the menu in the left search bar on top and iframe with content below search bar and next to the menus. Problem i am having is i dont want it to show vertical and horizontal scrollbars inside ifram but rather use browsers scrollbars.

if i set like this in css:

.Container
{
    position:absolute;
    width:100%;    
    height:100%;
    left:180px;
}

It removes horizontal scrollbar but is not removing vertical scrollbar. Can anyone guide me how to remove this vertical scrollbar from iframe.

Answer 1

Try: overflow: hidden; on your iframe.

#content iframe {
    overflow: hidden;
}