[Webkit-unassigned] [Bug 70193] New: iframe with 100% height inside absolutely positioned div will be taller than body

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Sat Oct 15 19:10:45 PDT 2011


https://bugs.webkit.org/show_bug.cgi?id=70193

           Summary: iframe with 100% height inside absolutely positioned
                    div will be taller than body
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Unspecified
        OS/Version: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: rniwa at webkit.org
                CC: hyatt at apple.com, simon.fraser at apple.com,
                    eae at chromium.org, leviw at chromium.org


Created an attachment (id=111164)
 --> (https://bugs.webkit.org/attachment.cgi?id=111164&action=review)
demo

When we have an iframe inside an absolutely positioned element, specifying height: 100% on both the container and iframe result in an iframe having an extra space at the bottom and result in nested scrollbars:

#container {
    position: absolute;
    width: 100%;
    height: 100%;
}

iframe {
    padding: 0;
    margin: 0;
    border: none;
    width: 100%;
    height: 100%;
}

<div id="container">
<iframe src="http://www.webkit.org/"></iframe>
</div>

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.



More information about the webkit-unassigned mailing list