185710 - link not displayed properly when using two div containers to create layout

Status: RESOLVED FIXED

(Core :: CSS Parsing and Computation, defect)

Description

[caspar-mozilla]

User-Agent:       Mozilla/5.0 (X11; U; Linux i586; en-US; rv:1.2.1) Gecko/20021130
Build Identifier: Mozilla/5.0 (X11; U; Linux i586; en-US; rv:1.2.1) Gecko/20021130

I tried to center an image of fixed size and some text on a screen. I put a div
container into another one to achieve the goal. Everything gets displayed
correctly. But the image showed up a strange behaviour:

if the image is underlayed by a link then this link works for the right part of
the image but not for the left. It is sharply cut in the middle.

When reducing the width of the outer div container to (almost?) any value less
than the width of the inner div container it works correctly. I can't reproduce
the problem each try when both widths are about the same (+-1 difference), but I
can if the width of the outer container is higher than the width of the inner
container.

The thing is that the outer container's left border is in the middle of the
screen, while the left border of the inner container is left from the outer
container's left border. And exactly that contents within these left borders
shows up the problem.

Maybe this could help you:


+-----------------+<= the whole screen
|                 |
|        +------+<=== the outer container to get the 
|        |      | |   middle of the screen
|    XXXXXoooo  | |
|    XXXXXoooo<====== the image I want to center, the
|    XXXXXoooo  | |   XXX part doesn't work correctly,
|    XXXXXoooo  | |   the ooo part does.
|        |      | |
|        +------+ |
|                 |
|                 |
+-----------------+

Reproducible: Sometimes

Steps to Reproduce:
1. put a div container onto the screen
2. put a second div container into the first div container
3. set left border of inner container left from outer container
4. put a long link into the inner container
5. test the link

Or just load the attached demo.
Actual Results:  
If the outer container is bigger than the inner container then the left part of
the inner container doesn't contain functional links.

If the outer container is smaller than the inner container then the whole link
works correctly. BTW: is that right that the outer container gets the width of
the inner container if the inner is bigger than the outer container?

Expected Results:  
The links within the inner container should work in any situation.

Comment 1

[caspar-mozilla]

Attachment: Demo page hopefully showing the problem

the demo page, has highlighted containers. The image links are broken on
purpose as the images don't matter.

Comment 2

[caspar-mozilla]

Attachment: stylesheet

Comment 3

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

Attachment: testcase, with correct link to stylesheet

Comment 4

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

I have a change in my tree that fixes this bug.  I'm just not sure which it is.
 Hopefully it's something I'm planning to check in one of these days.  (Maybe
bug 174149?)

Comment 5

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

Fixed by checkin of bug 174149.