Closed
Bug 285491
Opened 20 years ago
Closed 20 years ago
[CSS] complex stylesheets causes rendering to fail completely
Categories
(Core :: Layout, defect)
Tracking
()
RESOLVED
DUPLICATE
of bug 282754
People
(Reporter: awuest, Unassigned)
References
()
Details
Attachments
(4 files, 1 obsolete file)
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...)
Reporter | ||
Comment 1•20 years ago
|
||
The correct rendering with Firefox 1.0.1.
Reporter | ||
Comment 2•20 years ago
|
||
Screenshot of Mozilla 1.8b wrongly rendering the page.
Reporter | ||
Comment 3•20 years ago
|
||
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•20 years ago
|
||
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.
Assignee: general → nobody
Severity: major → normal
Component: General → Layout
Product: Mozilla Application Suite → Core
QA Contact: general → layout
Version: unspecified → Trunk
Reporter | ||
Comment 5•20 years ago
|
||
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.
Reporter | ||
Comment 6•20 years ago
|
||
Screenshot of Firefox 1.0.1 correctly rendering the testcase
http://n.ethz.ch/student/awuest/testcases/layoutbug/.
Reporter | ||
Updated•20 years ago
|
Attachment #177151 -
Attachment description: Screenshot of Firefox 1.0.1 correctly rendering the page. → Screenshot of Mozilla 1.8b22005031002 wrongly rendering the page.
Attachment #177151 -
Attachment filename: Firefox-1.0.1.png → /afs/ethz.ch/users/a/awuest/infk/SunOS/.gnome-desktop/Mozilla-1.8b2-nightly2005031002.png
Reporter | ||
Updated•20 years ago
|
Attachment #177151 -
Attachment filename: /afs/ethz.ch/users/a/awuest/infk/SunOS/.gnome-desktop/Mozilla-1.8b2-nightly2005031002.png → Mozilla-1.8b2-nightly2005031002.png
Reporter | ||
Comment 7•20 years ago
|
||
Screenshot of Firefox 1.0.1 correctly rendering the testcase
http://n.ethz.ch/student/awuest/testcases/layoutbug/.
Reporter | ||
Comment 8•20 years ago
|
||
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)
Reporter | ||
Comment 9•20 years ago
|
||
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...)
Reporter | ||
Updated•20 years ago
|
Attachment #177152 -
Attachment is obsolete: true
Comment 10•20 years ago
|
||
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 ***
Status: UNCONFIRMED → RESOLVED
Closed: 20 years ago
Resolution: --- → DUPLICATE
Reporter | ||
Comment 11•20 years ago
|
||
(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!!
You need to log in
before you can comment on or make changes to this bug.
Description
•