300056 - Overflow differences

Status: RESOLVED INVALID

(Core :: Layout: Block and Inline, defect)

Description

[zhsoft88]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.8b2) Gecko/20050516 Firefox/1.0+
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.8b2) Gecko/20050516 Firefox/1.0+

CSS added the notion of overflow, which allows one to define how overflow should
be handled. An example of overflow would be a div with a specified height, and
its contents are taller than that height. The CSS standard defines that if this
happens and no overflow behavior is set, the contents of the div will overflow.
However, Internet Explorer does not comply with this, and will expand the div
beyone its set height inorder to hold the contents. Below is an example:

<div style="height:100px; border: 1px solid black;">
<div style="height:150px; border: 1px solid red; margin:10px;">a</div>
</div>

How to make mozilla's behaviors like Internet Explorer?


Reproducible: Always

Comment 1

[Martijn Wargers (dead)]

display:table;width:100%; on the containing block would help, I think.
But you could better ask those questions at
http://forums.mozillazine.org/viewforum.php?f=38
The bugzilla system is not really meant for user support.

Comment 2

[Boris Zbarsky [:bzbarsky]]

Not a bug.