Closed Bug 455122 Opened 16 years ago Closed 13 years ago

Page incorrectly renders border certain sizes

Categories

(Core :: Layout, defect)

x86
Windows XP
defect
Not set
normal

Tracking

()

RESOLVED FIXED

People

(Reporter: Commander.Keane, Unassigned)

References

()

Details

Attachments

(1 file)

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.0.1) Gecko/2008070208 Firefox/3.0.1
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.0.1) Gecko/2008070208 Firefox/3.0.1

Page incorrectly renders border certain sizes on Wikipedia. On http://en.wikipedia.org/wiki/Wikipedia:Reference_desk/Miscellaneous changing the page size causes the border to malfunction at certain page sizes.

Appeared when I upgraded to FF 3.

Screenshot of problem available at http://en.wikipedia.org/wiki/Image:Ref_desk_missing_line.JPG

Reproducible: Always

Steps to Reproduce:
1.Go to http://en.wikipedia.org/wiki/Wikipedia:Reference_desk/Miscellaneous
2.Use Ctrl +/- to increase or decrease the page size until the border under the tabs disappears
Actual Results:  
Border line under the tabs (eg the "project page" tab) disappears, border at the bottom of the page (just below the categories) is not present, and the left border is only present in the middle two thirds or so of the page, and is much blacker than it should be.

Expected Results:  
Border should remain at all page sizes.
I also started seeing this with version 3 on Windows XP, Windows Vista, and Linux (Ubuntu Hardy Heron).  In my experience, any div element with sufficient height (a few thousand pixels) which has a border set will not display the border correctly.  Most commonly the border is white for the top and bottom (including the tops and bottoms of both sides) and is black for the middle portion of the side borders.
Component: General → Layout
Product: Firefox → Core
QA Contact: general → layout
Still present in 3.0.2

Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.9.0.2) Gecko/2008091620 Firefox/3.0.2
...and in 3.0.3
3.0.4 still has this problem.

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.0.4) Gecko/2008102920 Firefox/3.0.4
I found out that this happens when an element is at least 32768 Pixels (2^15) in height and/or width.

Test case:

<style type="text/css">
    * { margin: 0; border: 0; padding: 0; }
    #test { height: 100px; width: 32768px;
            background: yellow; border-bottom: 5px solid red; }
/*  #test { width: 100px; height: 32768px;
            background: yellow; border-right: 5px solid red; } */
</style>
<body><div id="test"></div></body>
Attached file testcase
a more detailed testcase
i stopped seeing this as of 3.5 -- did someone fix it?
CLOSED per comment 7.
Status: UNCONFIRMED → RESOLVED
Closed: 13 years ago
Resolution: --- → FIXED
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: