How to remove vertical scrollbar from iframe inside the page


Tags: asp.net,css

Problem :

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.



Solution :

Try: overflow: hidden; on your iframe.

#content iframe {
    overflow: hidden;
}

    CSS Howto..

    How to ensure buttons reversed by CSS are spaced evenly?

    Show window inside any web page

    How to deal with `rowspan` and background colors within a table?

    How to use CSS to adjust HTML5 validation indicator

    how to change css property of 2nd & 6rd DIV using jquery

    How to fix unable to load css file in maven build on maven springmvc project [closed]

    How to get the actual rendered font when it's not defined in CSS?

    How to add text under every image?

    How to apply picture for submit button

    Custom Javascript and css added to Wordpress, however, still not working

    How to fit height of aside to body height

    How to create a pure CSS tooltip with HTML content for inline elements

    how to setup css value for “-webkit-transform” in the “animate” method? [duplicate]

    How to set a css class to table header cell

    How to understand other people's CSS architectures?

    How to centre a javascript element using inline css? [closed]

    How to alternate rowcolor in a GridView using pure CSS?

    How to disable select box hover color on css

    How to make css jQuery thumbnail slides loop

    How do I make a CSS sprite that controls multiple background images for multiple DIV's?

    How to properly use CSS borders to visualize a value chain?

    how to display div one by one using css

    Twitter Bootstrap + Rails, how do you integrate and modify it?

    Flexbox used for equal height, however it is ignoring column width in grid system

    How can I do html multi elements list with type attribute?

    Why are div's not staying in row and how to get them to?

    How to target a CSS ID to a specific HTML tag [closed]

    How to generate image sprites in ember-cli using compass?

    How to change underline thickness of an a-tag without using border?

    How is it possible to modify the gap between a bullet and its list text?