211725 - fabrice-pascal.de/bugbase/fb06wherecontent/ - no content shown

Status: RESOLVED DUPLICATE of bug 22431

(Core :: Layout, defect)

Description

[Az]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.4b) Gecko/20030525 Mozilla Firebird/0.6
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.4b) Gecko/20030525 Mozilla Firebird/0.6

No content shown apart from two validation logos.

Discussion and multiple confirmations here:
http://forums.mozillazine.org/viewtopic.php?t=14955

Reproducible: Always

Steps to Reproduce:

Comment 1

[Bill Mason]

Also occurs in Mozilla 2003062708.  Moving to Browser/B-G pending triage.

Comment 2

[Bill Mason]

I'm not sure what the correct behavior is, but the issue is stemming from this:

div#highlights {
    position: absolute;
    top: 100px;
    left: 80%;
    width: 20%;
    background-color: #ddeeff;
    color: #005599;
    border: 1px solid #001155;
    border-left: none;
    margin-left: -1px;
}

The DIV is placed left 80%, then the width takes up 20%.  The border-right, it
sounds like, is out of room to be rendered as it were.  If I reduce the width to
19%, it shows right up.

->Layout

Comment 3

[Bill Mason]

Sorry, disregard that last.  Dropped it into the wrong open tab.

Comment 4

[Bill Mason]

->back to B-G

Comment 5

[Bill Mason]

Attachment: testcase

Comment 6

[Bill Mason]

->Layout
According to the Mozillazine comment, the problem comes from overflow:hidden
being on the div that holds all the content, and then all the content being in
floated divs that cause an overflow.

I don't pretend to understand if that's accurate.  :)  Minimal testcase attached.

Comment 7

[Andrew Schultz]

isn't this a dupe of bug 22431?

Comment 8

[Mats Palmgren (inactive)]

Floats do not affect the height of their parents:
"Only children in the normal flow are taken into account (i.e., floating boxes
and absolutely positioned boxes are ignored, and relatively positioned boxes
are considered without their offset)."
http://www.w3.org/TR/CSS21/visudet.html#q19

See also the examples at http://www.w3.org/TR/CSS21/visuren.html#floats

If you add a <br clear="all"> at the end after the floats you get the effect
that the parent shrink-wraps the content including the floats.

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