300036 - Box model implementation is ignored by the rendering engine

Status: RESOLVED INVALID

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

Description

[Peter Hombach]

User-Agent:       Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.7.8) Gecko/20050517 Firefox/1.0.4 (Debian package 1.0.4-2)
Build Identifier: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.7.8) Gecko/20050517 Firefox/1.0.4 (Debian package 1.0.4-2)

A "box in a box" is not rendered properly. I usually do this with nested <div
style=something>, which is in agreement with HTML and CSS definitions. I wrote a
brief HTML code section and tried various alignments (defined by CSS styles).
Gecko ignores them, including width definitions. I am under the impression that
CSS is largely ignored, in style= definitions, class= definitions, and in
stylesheets, I tried them all.
It looks like a lack of implementation of both the HTML box model, as well as
lack of CSS implementation.

Reproducible: Always

Steps to Reproduce:
1. Described in the details above
2.
3.

Actual Results:  
Described in the details above

Expected Results:  
Follow the CSS defined style instructions, and render properly the "box in a box".

I marked this as "major" because adherence to the HTML box model, as well as CSS
implementation can be expected from a browser nowadays.

Comment 1

[Christian :Biesinger (don't email me, ping me on IRC)]

please be a bit more specific... what you described there should work. can you
attach an example that doesn't work to this bug, at
https://bugzilla.mozilla.org/attachment.cgi?bugid=300036&action=enter ?

Comment 2

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

Marking invalid, since the only problem described is that it's not rendered
"properly", and we can't tell what you mean by that unless you tell us.  Please
reopen the bug if you add additional information that describes what the problem is.

Also, note that there are quite a few errors in the CSS.  Try the W3C's HTML and
CSS validators.

Comment 3

[Peter Hombach]

Attachment: The boxes produced by this code all apear wrongly in the lower left corner, screenshot available upon request.

Comment 4

[Peter Hombach]

Attachment: The promised screenshot.

Comment 5

[Christian :Biesinger (don't email me, ping me on IRC)]

1. backgound-color is misspelled
2. I'm not sure why you expect any boxes to be centered. text-align centers
text, not boxes.

if your only complaint is that text-align does not affect boxes, then the bug is
invalid.

Comment 6

[Peter Hombach]

Sorry for the misspelled "background".
I am not in agreement with your comment regarding the alignment referring to
text only. By default, CSS uses "display: box" for <div>, and it should inherit
the alignment property (the "normal flow" paradigm that applies to CSS). In
Firefox, spelling out "display: box; position: inherit;" does not change
anything, which is ok because it is the default anyway. I hate to say it but IE
does this rendering in what I believe is the correct interpretation of the CSS
rules.
Because there is no such thing like position: center, I see my above opinion
somewhat confirmed.

Comment 7

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

'auto' values of 'margin-*' do centering in CSS1 and CSS2

Comment 8

[Christian :Biesinger (don't email me, ping me on IRC)]

see http://www.w3.org/TR/CSS21/text.html#alignment-prop

"A block of text is a stack of line boxes. In the case of 'left', 'right' and
'center', this property specifies how the inline boxes within each line box
align with respect to the line box's left and right sides"

And:
" In this example, note that since 'text-align' is inherited, all block-level
elements inside DIV elements with a class name of 'important' will have their
inline content centered.


div.important { text-align: center }
"

That makes it clear that text-align, while it does inherit, does not apply to
boxes themselves, only to their text content.

> By default, CSS uses "display: box" for <div>

it uses display:block;

> position: inherit;

I'm not sure what position has to do with this..

Comment 9

[Peter Hombach]

Thanks for the clarification!