231469 - do not use styles like "width", "height" if "display" = "inline". tested with DIV

Status: RESOLVED DUPLICATE of bug 50626

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

Description

[Maxim]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.6) Gecko/20040113
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.6) Gecko/20040113

<div style="width:400px; height:20px; background-color:green;">zzz</div>

<div style="display:inline; width:400px; height:20px;
background-color:green;">zzz</div>

Why it's examples show different result? Other browsers show equal results...

Reproducible: Always

Steps to Reproduce:
1.
2.
3.

Comment 1

[GavinS]

Changing product, as I don't think this is Bugzilla related

Comment 2

[GavinS]

I've moved this from the Bugzilla product, and am re-assigniing to default component owners

Comment 3

[GavinS]

Attachment: simple test case

This is a simple test case of what I think the reporter (not me) meant)

Comment 4

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

Our behavior is correct:
http://www.w3.org/TR/CSS21/visudet.html#q4
http://www.w3.org/TR/CSS21/visudet.html#q4

(IE/Windows magically changes inline elements to something like inline-block
when 'width' or 'height' is specified.)

Comment 5

[Maxim]

then how need write for Mozilla to reach result of IE or Opera in code:

<div style="width:100px;">
	<div style="display:inline; width:45px;">aaa</div>
	<div style="display:inline; width:45px;">bbb</div>
	<div style="display:inline; width:45px;">ccc</div>
	<div style="display:inline; width:45px;">ddd</div>
	<div style="display:inline; width:45px;">eee</div>
</div>

(like 2 column table)?
I need output some array of elements, which horizontal count depend from width
of the parent object...

Comment 6

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

This is a bug database, not a help list.

Comment 7

[Hixie (not reading bugmail)]

Note that Opera does the right thing (same as Mozilla) if you use a Strict
DOCTYPE, too.

Comment 8

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

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