178739 - TD does not fill all horizontal space in absolutely positionned table inside an abs. pos. div

Status: RESOLVED FIXED

(Core :: Layout: Tables, defect, P3)

Description

[Pascal Chevrel:pascalc (PTO until April 26)]

Mozilla 2002110604 WinXP

1 create an absolutely positionned div
2 put an absolutely positionned table inside this div, one cell per row

expected result : the cell should fill the entire row
actual result : the cell is as wide as the content

I will attach a testcase.

There are many bugs about absolutely positionned tables but I could not find one
about side effects on <td>

Comment 1

[Pascal Chevrel:pascalc (PTO until April 26)]

Attachment: testcase showing the problem

Comment 2

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

According to CSS2 section 9.7, specifying 'position: absolute' changes the 
value of 'display' on the TABLE element from its normal value, 'table', to 'block':
http://www.w3.org/TR/CSS2/visuren.html#q24
This thus demonstrates a very obscure CSS2 bug related to the construction of
anonymous table objects (in particular, not following rule 3 in 17.2.1 correctly
by connecting adjacent rows
(http://www.w3.org/TR/CSS2/tables.html#anonymous-boxes ).

This has been changed in CSS 2.1 so that 'table' stays as 'table':
http://www.w3.org/TR/CSS21/visuren.html#q23
which means that this bug is definitely valid.

However, in order to stay compatible with almost-correct CSS2 implementations,
I'd recommend not absolutely positioning a table.

Comment 3

[Garrett Smith]

Attachment: Testcase with four tables,

Setting the table to display block (tableA) has no ill effect on it. The
anonymous table seems to be generated. Setting the position to absolute
(tableB) of the table is OK, too.

In table C, the table cells look like they do in the attached photo -- too
narrow; not stretching to fill the table.

Table D looks fine but it is positioned as if tableC. the difference btn. table
C and table D: table D's containing block has width: 540px, whereas table C's
containing block has width: auto.


The tables are mispositioned. Table D is not positioned from its containing
block (the orange line that overlaps table c. Instead table d is positioned too
far down. 


1 create an absolutely positionned div
2 put an absolutely positionned table inside this div, one cell per row

Is the only way to reproduce the problem. It looks like the tables are breaking
out of their would be containing blocks. Weird.


(There is no opening HTML tag in testcase attachment 105381 [details]).

Comment 4

[Pascal Chevrel:pascalc (PTO until April 26)]

still seeing the bug with build 2003070708

Comment 5

[Biju]

Similar problem also occur when the outer DIV has position fixed

bug 260172 "wrong DIV width when {fixed} > TABLE{absolute} > DIV"
see attachment 159292 [details]

Comment 6

[Mats Palmgren (inactive)]

-> FIXED (by bug 201897)