126145 - 100% width overflows containing box in tables

Status: RESOLVED DUPLICATE of bug 10218

(Core :: Layout, defect)

Description

[Sean Proctor]

From Bugzilla Helper:
User-Agent: Mozilla/5.0 (Windows; U; WinNT4.0; en-US; rv:0.9.8+) Gecko/20020217
BuildID:    2002021708

it seems that percent widths are calculated incorrectly.  it seems that "width"
is specifying the width of the content rather than the width of the containing
block.  W3C states explicitly that pecentage widths refer to the containing
block, not the content block. 
http://www.w3.org/TR/REC-CSS2/visudet.html#propdef-width  so widths of 100%
should not overflow.  This works properly in IE.  I've seen this bug with other
versions of mozilla, I think it's existed all along.  I've just realized that my
code was correct, but mozilla's behavior was wrong.

Reproducible: Always
Steps to Reproduce:
visit page

Actual Results:  table contents overlap eachother and overflow outside of the table

Expected Results:  should be a space between each block (6px, I think. 2px
padding + 2px collapsed margin + 2px padding)

Comment 1

[David Emmerson]

This is invalid, a duplicate of bug 10218 (and many others).

"W3C states explicitly that pecentage widths refer to the containing
block" -- yes, percentage widths refer to the parent/containing block.

However, if you read the page you provide a link to it says:
"This property specifies the content width of boxes generated by block-level and
replaced elements."

"This works properly in IE." -- Microsoft also misread the spec here, but this
has been fixed in IE6pc and I think since 5.0 on the mac.

Comment 2

[Alexey Chernyak]

dupe

CSS3 *might* introduce box-width: and box-height: properties which will have the
behaviour you desire:
http://www.w3.org/TR/2001/WD-css3-box-20010726/#the-box-width

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