96220 - "Absolute" elements extend surrounding page contents.

Status: RESOLVED DUPLICATE of bug 74094

(Core :: Layout, defect)

Description

[Alexander Sinyaev]

From Bugzilla Helper:
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; m18) Gecko/20001108
Netscape6/6.0
BuildID:    0.9.2

"Absolutely" positionded "div" inside "relative" one extends the "relative". If
I shift the "absolute" to the left lower corner of the "relative", it enlarges
the "relative" even greater.
This happens both when the "div"s are  generated by createElement + appendChild
and when they are written without any scripts into the body. To avoid this bug I
am forced to create absolute layers in main document and then calculate the
"relative"`s position and reposition the absolute ones. It is a pity, especially
because such nested elements work fine in all other DOM browsers...


Reproducible: Always
Steps to Reproduce:
1. Open the "Additional information" example in NN6.0 or Mozilla 0.9.2
2. See the result.

Actual Results:  The table is expanded and contains the red absolute layer.

Expected Results:  The surrounding table contains only "relative" layer. The
absolute one is partly on the outside of the table.

Simple example:
<table border="1" cellpadding="0" cellspacing="0">
<tr><td>
<div style="position:relative; background-color:green;">
<div style="position:absolute; top:90px; left:90px; width:100px; height:100px;
background-color:red;">Test</div>
<img src="any.gif" width=100 height=100>
</div>
</td></tr>
</table>

Comment 1

[Ryan Pertusio]

Have you tried a newer version of Netscape and Mozilla?

  The problems you list may have been fixed in netscape 6.1, or Mozilla 0.9.3  
Also, you may want to check out the latest 'nightly' build at
http://ftp.mozilla.org/pub/mozilla/nightly/latest/

Comment 2

[Johnny Stenback (:jst)]

Over to layout.

Comment 3

[Alexander Sinyaev]

I've not checked it in Mozilla 0.9.3, but Netscape 6.1 behaves like Mozilla 0.9.2 :)
Mozilla 0.9.2 under Linux RH7.0 has the same troubles.

And there is some difference in NN6.01 and 6.1:
When outer <div> is in HTML and the inner (absolute) one is created and
"appendChild"ed to the outer in body.onLoad, NN6 does not expands the table (I
hoped it would be a solution:), but M0.9.2 and NN6.1 does. And does it in a
strange manner: it draws 2 table borders, one of them looks unfinished.

Comment 4

[Asa Dotzler [:asa]]

Alexander, please test this with a newer build. 0.9.5 should be available any
day now and the nightly builds are available, well, nightly. Thanks.

Comment 5

[S. Malling]

Attachment: confirming bug, and making a nice attachment with newest build

Comment 6

[S. Malling]

Attachment: code copyed and pasted from this page (for you lazy mozilla hackers :-) )

Comment 7

[anthonyd]

I'm not sure about this one, it looks right to me, but I would like a second 
opinion.

Comment 8

[karnaze (gone)]

Temporarily moving to future until a milestone can be assigned. 

Comment 9

[Bernd]

this is a consequence of the NS_BLOCK_WRAP_SIZE flag which is set for inner
table cell frames.

Comment 10

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

Fixed by checkin of bug 172896.

*** This bug has been marked as a duplicate of 74094 ***