iframe's scrollbar is cut off...

Posted on 2005-04-11
Last Modified: 2008-10-29

I have a page where the last part of the page is an iframe. I set the height of the iframe to "100%".

Now when the frame shows up on my page with more data than can be seen on the page, the bottom of the scrollbar disappears under the status line.

Is there a way to size it so that it starts in an arbitray position and ends at the bottom of the content area of the window?

-- Bubba
Question by:bganoush

    Assisted Solution

    LVL 23

    Accepted Solution

    The scroll bar is normal if the content in the iframe wraps to a length greater than the Iframe's holding container specification.  That holder is either a table, a CSS designation, a <TD> or something with a fixed height.  If you know the maximum height of anything you would ever read into the Iframe, you can specify that in the container to the iframe, height = 2400, for example, and there will be no scroll bars.  However, one rarely knows this, so the spec of 100% for the iframe merely says, to fill the full height of whatever element is containing it.  Since the user has control over the resizing of the browser window, unless you specify a maximum height, the scroll bar will come and go as the user resizes the browser.

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Why You Should Analyze Threat Actor TTPs

    After years of analyzing threat actor behavior, it’s become clear that at any given time there are specific tactics, techniques, and procedures (TTPs) that are particularly prevalent. By analyzing and understanding these TTPs, you can dramatically enhance your security program.

    Do you want to insert HTML5 video into your site? This is the tutorial how to do so. What are the main advantages of HTML5 video? 1) Have good compression, good image quality, and low decode processor use. 2) It is royalty-free 3) It is easi…
    This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
    In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
    In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…

    758 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    9 Experts available now in Live!

    Get 1:1 Help Now