136067 - IFRAME overflows DIV boundaries

Status: RESOLVED INVALID

(Core :: Layout: Images, Video, and HTML Frames, defect)

Description

[Kevin Ar18]

From Bugzilla Helper:
BuildID:    2002040303

When inserting an iframe within a DIV, the iframe overflows the boundaries of 
the div.

Reproducible: Always
Steps to Reproduce:
1. Place an iframe within a div tag.
2. View page

Actual Results:  Iframe overflows boundaries of div

Expected Results:  IFRAME should be contained withing the boundaries of the DIV

I will submit an attachment that demonstrates this bug.

Comment 1

[Kevin Ar18]

Attachment: iframe within div

Comment 2

[Christopher Hoess (gone)]

->HTML Frames

Comment 3

[John Keiser (jkeiser)]

It looks to me like it is taking up the padding/border space given to the div. 
I am not sure whether this is a bug or not.

Comment 4

[Kevin Ar18]

I'll try a testcase on padding/border later.
Even if it is, that does not seem the proper way to do it.  It should only be 
within the contents and not overlapping the padding/border correct?

Comment 5

[Kevin Ar18]

Attachment: no border or padding in div & table

Well, I tested it by making sure the border and padding were removed and it
didn't change anything.  This new attachment looks the same in Mozilla.

I'm thinking it has to do with the internal border and/or padding of the iframe
itself, but I don't know how to remove that.

Comment 6

[Kevin Ar18]

Oops, seems I uploaded the file wrong.  Instead of uploading one with no 
border I uploaded one with a thick border (can someone change the name to 
refect that?)

However, one thing came of it....  It shows that it is the border of the 
iframe itself that is overlapping.

Comment 7

[John Keiser (jkeiser)]

Sounds like a bug to me.

Comment 8

[Boris Zbarsky [:bzbarsky]]

So what is the bug?  A height:100% block inside another block should have its
borders hanging out of its container, since "height" sets the content height...
The rendering looks correct to me...

Comment 9

[Mats Palmgren (inactive)]

Boris is right, the 'height' property controls the "content height"
(padding+border excluded). See
http://www.w3.org/TR/REC-CSS2/box.html#box-dimensions


-->INVALID