259400 - Rendering layout inconsistency: identical HTML elements laid out differently at different places

Status: RESOLVED INVALID

(Core :: Layout, defect)

Description

[Chris Johnson]

User-Agent:       Mozilla/5.0 (Windows; U; Win98; rv:1.7.3) Gecko/20040913 Firefox/0.10
Build Identifier: Mozilla/5.0 (Windows; U; Win98; rv:1.7.3) Gecko/20040913 Firefox/0.10

Elements which are in a div with no differences from another div except for
background color are rendered differently, that is, placed in less desirable
locations (in addition to the obviously different background color).  In this
case, my CSS is asking that the items be float: left and except for the oddly
behaving, different colored items, they are nicely left justified and packed
together.  But the odds ones are ending block (screen line) which makes for an
ugly layout.  This worked "correctly" and as expected in Firefox 0.8.

Reproducible: Always
Steps to Reproduce:
1. Display example page.
2.
3.

Actual Results:  
As described in Details.

Expected Results:  
As described in Details.

Contact me for a copy of the source XHTML and CSS, as well as a screen shot of
the problem.

Web page is from an extranet, proprietary software system, so would appreciate
not spreading the source of the page far and wide (screen shot has been censored).

Comment 1

[Boris Zbarsky [:bzbarsky]]

Chris, could you please mail me the files needed to reproduce this bug?  I'll
try to create a testcase based on them.

Comment 2

[Chris Johnson]

(In reply to comment #1)
> Chris, could you please mail me the files needed to reproduce this bug?  I'll
> try to create a testcase based on them.

Files sent.

Comment 3

[Boris Zbarsky [:bzbarsky]]

Attachment: Minimal testcase based on those files

Comment 4

[Boris Zbarsky [:bzbarsky]]

Attachment: Less minimal, showing two problems

Comment 5

[Boris Zbarsky [:bzbarsky]]

The stylesheet has two issues:

1)  Items of class "form-item-required" are not floated (unlike those of class
    "form-item").  Perhaps the sheet meant to use the class "form-item required"?
2)  The selector "both" is used to select <br class="both">.  It should be
    ".both".

When those two issues are fixed, the rendering is corrected.

Marking invalid, since given the page's CSS we're doing the right thing.

Comment 6

[Chris Johnson]

My sincere apologies for wasting your time.  I had spent time over the past
several weeks trying to find the problem assuming it was mine, but no amount of
CSS tweaking fixed it.  Duh.  Two simple but subtle typos.

Thanks for all the hard work you guys do.  I really appreciate having a quality
open source browsers available.

Comment 7

[Olivier Cahagne]

*** Bug 283111 has been marked as a duplicate of this bug. ***