293411 - Fails to render 20% width display:table-cell attribute span tags correctly.

Status: RESOLVED INVALID

(Core :: Layout: Tables, defect)

Description

[James Laver]

User-Agent:       Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.7.7) Gecko/20050416 Fedora/1.0.3-1.3.1 Firefox/1.0.3
Build Identifier: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.7.7) Gecko/20050416 Fedora/1.0.3-1.3.1 Firefox/1.0.3

Look at that page, it bunches up the span-links on the left hand side.
Oddly enough It has no issue with 25%, it just doesnt fit on the page. I have
tried and tried to find how this could be bad programming on my part, but to no
avail.

I think it just doesnt like 20%... :\

Anyone using the edit stylesheets extension will find this easier.

Reproducible: Always

Steps to Reproduce:
1.Use a block level div of specified size
2.Embed 5 span tags inside with    display:table-cell;   and width:20%;
3.Embed an anchor tag inside with display:block   and width:100%;

Observe
Now change the span width to 25% and watch the change.

This also happens in epiphany, (uses gecko so figures) and I tested in konqueror
but that is incapable of handling the display attribute correctly, period.)


Expected Results:  
Should have rendered the tags to be 20% of the width of the parent div.

Comment 1

[James Laver]

I have saved screenshots for convenience.

http://jameth.mine.nu/inadequacy/img/1.jpg
http://jameth.mine.nu/inadequacy/img/2.jpg

Comment 2

[José Jeria]

Can you please attach a reduced testcase to this bug?
https://bugzilla.mozilla.org/attachment.cgi?bugid=293411&action=enter

Comment 3

[James Laver]

I have updated those picture links to show only the affected area, and I will
attach them in a second so they can always be accessed.

Thank you.

Comment 4

[James Laver]

Attachment: The affected area (20%)

Notice how it bunches the links together. Very odd behaviour compared to the
25%.

Comment 5

[James Laver]

Attachment: The unaffected 25% width that set me off thinking this was a bug.

Comment 6

[José Jeria]

With testcase i meant attaching a html testcase, not images

Comment 7

[James Laver]

Attachment: Testcase

Comment 8

[Andrew Schultz]

Attachment: testcase

Comment 9

[Andrew Schultz]

confirmed  with linux trunk 2005050901
see also bug 274211

Comment 10

[James Laver]

I have noted that a similar thing happens when it is 4 spans set to 25% also. I
presume the pattern continues.

Comment 11

[Bernd]

Hmm, the question in this scenario is wether the outer div is the containing
block for the table cell. I would say it is not as the table cell is wrapped
with anonymous table row, rowgroup, table elements per CSS 2.1. Please note that
the table element has no width specified. So it shrinks.

Comment 12

[Bernd]

To be more explicit: this thing is invalid as long as you don't provide a
reference to the CSS spec that the anonymous table element does not format a
containing block for the size computation. Please note that browsers which do
not support table display types have to render it differently.