256875 - display:inline causes width in div to be ignored

Status: RESOLVED DUPLICATE of bug 50626

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

Description

[Matthew Gamble]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.8a3) Gecko/20040825 Firefox/0.9.1+
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.8a3) Gecko/20040825 Firefox/0.9.1+

In the attached page there is a box, two rows with two colums in each.  The
first column is 50% width, the second is 35%.  Background colors are set to show
where the columns are.  With display:block the columns render on separate lines
but are the correct widths.  With display:inline they are on the same "row" but
their widths are reset to the minimum of the content.  In IE it works as
expected.  Attached are screenshots of both... 

Reporoducible in IE6/IE5.5/Firefox0.9.3 and now the trunk 20040825

Reproducible: Always
Steps to Reproduce:
1. Load attached html sample
2. Compare screenshots
3. ?

Comment 1

[Matthew Gamble]

Attachment: Sample HTML with boxes/columns and CSS

Comment 2

[Matthew Gamble]

Attachment: IE 5.5 Screenshot

Comment 3

[Matthew Gamble]

Attachment: Firefox 0.9.3 Screenshot

Comment 4

[Bill Mason]

It's supposed to do that.  Width does not apply to inline elements, per the CSS
spec.

That IE does it is an IE bug.

Comment 5

[Mats Palmgren (inactive)]

Width does not apply to *non-replaced* inline elements to be exact...

http://www.w3.org/TR/CSS21/visudet.html#propdef-width

Comment 6

[:Gavin Sharp [email: [e-mail]]]

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