10052 - {css1} widths not applied with display:inline

Status: VERIFIED DUPLICATE of bug 50626

(Core :: Layout, defect, P3)

Description

[Samat Jain]

The mentioned URL testcases this bug.

When using display:block, the "buttons" display as blocks stacked vertically.
When using display:inline, the buttons SHOULD display as blocks going
horizontally.

Instead, they display without their set style sheet widths in a haphazard
looking fashion that cannot be anything else but wrong.

Mangled by Nav4.x, displayed properly in MSIE5 (properly for IE anyway). This is
my first bug, I have more or less no idea what I am doing.

Comment 1

[Samat Jain]

Attachment: testcase for display:block/display:inline bug

Comment 2

[Samat Jain]

Doh, this was found via in a pre-M7 nightly build, and I verified it still
existing in the milestone 8 release.

Comment 3

[Peter Linss]

According to the CSS2 spec section 10.3.1:
"Inline, non-replaced elements
The 'width' property does not apply. A specified value of 'auto' for 'left',
'right', 'margin-left' or 'margin-right' becomes a computed value of '0'."

IE is wrong to respect the width for an inline element.

The effect you really want can be achieved via the CSS3 display type
'inline-block' in which you create a block box that is placed inline. This will
be implemented soon.

Comment 4

[Jay Patel [:jay]]

Verified Invalid

Comment 5

[Hixie (not reading bugmail)]

Migrating from {css1} to css1 keyword. The {css1}, {css2}, {css3} and {css-moz}
radars should now be considered deprecated in favour of keywords.
I am *really* sorry about the spam...

Comment 6

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

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