285491 - [CSS] complex stylesheets causes rendering to fail completely

Status: RESOLVED DUPLICATE of bug 282754

(Core :: Layout, defect)

Description

[Andreas Wuest]

User-Agent:       Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8b) Gecko/20050217
Build Identifier: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8b) Gecko/20050217

When viewing this site with Firefox 1.0.1, the site displays correctly. Using
this Mozilla build, rendering completely fails, and nearly nothing is rendered.
The page (xhtml) and the css used validate without failure!

Since its quite difficult to describe, see attachements. But in short, Mozilla
simply creates havoc with this specific page.

Reproducible: Always

Steps to Reproduce:
1. Go to webpage listed above.
Actual Results:  
Page rendered completely wrong.

Expected Results:  
Page renderes correctly (ok, this all sounds quite stupid, but what should I say...)

Comment 1

[Andreas Wuest]

Attachment: Screenshot of Firefox 1.0.1 correctly rendering the page.

The correct rendering with Firefox 1.0.1.

Comment 2

[Andreas Wuest]

Attachment: Screenshot of Mozilla 1.8b rendering the page totally wrong.

Screenshot of Mozilla 1.8b wrongly rendering the page.

Comment 3

[Andreas Wuest]

Ah, yes, I forgot, Mozilla receives the full page, not that you think that the
xhtml file is bad.

Further, the xhtml file seems to be parsed correctly, at least the dom tree
viewed with the dom inspector looks sane.

Comment 4

[Adam Hauner]

Same with Firefox nightbuild
-> Core / Layout (but maybe Tech Evang issue)

Page uses many elements which have height:auto and overflow-x and overflow-y set
to hidden. If I changed height for example of menu bar to some value, it shows
clearly.

Comment 5

[Andreas Wuest]

An extremely simplified version of this page and css can be found at
http://n.ethz.ch/student/awuest/testcases/layoutbug/.

The problem seems to be with the 'position' attribute of the #menu div. If
changed from 'absolute' to 'relative', the page displays correctly. But with
'absolute', it just goes wrong (crammed menu bar, main content is not being
displayed, etc.).

I hope this helps a bit.

Comment 6

[Andreas Wuest]

Attachment: Screenshot of Mozilla 1.8b22005031002 wrongly rendering the page.

Screenshot of Firefox 1.0.1 correctly rendering the testcase
http://n.ethz.ch/student/awuest/testcases/layoutbug/.

Comment 7

[Andreas Wuest]

Attachment: Screenshot of Firefox-1.0.1 correctly rendering the page.

Screenshot of Firefox 1.0.1 correctly rendering the testcase
http://n.ethz.ch/student/awuest/testcases/layoutbug/.

Comment 8

[Andreas Wuest]

Comment on attachment 177151 [details]
Screenshot of Mozilla 1.8b22005031002 wrongly rendering the page.

Screenshot of Mozilla 1.8b22005031002 wrongly rendering the testcase
http://n.ethz.ch/student/awuest/testcases/layoutbug/.

(sorry for all those changes, but I've mixed up the files)

Comment 9

[Andreas Wuest]

Attachment: Screenshot of Firefox-1.0.1 correctly rendering the page.

Screenshot of Firefox 1.0.1 correctly rendering the testcase
http://n.ethz.ch/student/awuest/testcases/layoutbug/.

(Sorry, NOW I've got the screenshot right. Must. Why's there no preview
anyway...)

Comment 10

[Andrew Schultz]

Andreas: the problem is that the menu div has 0 width.  It has 100% width and
its parent (abs_container) has overflow:hidden, which makes this a...

dupe of "Width:100% broken if parent block element has overflow:hidden"

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

Comment 11

[Andreas Wuest]

(In reply to comment #10)

> Andreas: the problem is that the menu div has 0 width.  It has 100% width and
> its parent (abs_container) has overflow:hidden, which makes this a...
> 
> dupe of "Width:100% broken if parent block element has overflow:hidden"
> 
> *** This bug has been marked as a duplicate of 282754 ***

Ah, ok, thanks a lot then! Sorry for the dupe!!