258388 - Moz does not abide Cell Width

Status: VERIFIED INVALID

(Core :: Layout: Tables, defect)

Description

[John A. Bilicki III]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7) Gecko/20040803 Firefox/0.9.3
Build Identifier: Mozilla/5.0 (Winblows; U; Winblows XP; en-US; rv:1.7) Gecko/20040803 Firefox/0.9.3

A table with two col cells, one with 100% and the other with a px
specified...the px specified collaspes to less then it's specified value.  This
means that the other cell is over 100%...AKA 100% in this case should be 100% of
all the available width without overriding other attributes on it's level or
above it's level like if it were inside another table.

Reproducible: Always
Steps to Reproduce:
1. Make any table with 2 col cells.
2. Specifiy 100% and a px value for the other cell for their width attribute.
3. This happens in in all html and html and css mixed.



Expected Results:  
100% width should always be from whats available.  If another object/element has
a value specified regardless of whether there is content or not, a 100px width
cell should always display 100px and give the remainging available width to the
cell with 100% specified.  They are on the same level, however if a table is
inside of that cell that is 100% and it has two cells, 100% and 40px, the 100%
should default to 60px automatically regardless of whether or not the other cell
has content or not.

Comment 1

[franCk]

Width is with respect to the container - in the case of a cell that is the table.
If you specify one cell width 100% then it means the whole width of the table -
not the whole width that is available'.

In your case you just need to specify a table with width=100%, then one cell
with width = 40px and do not specify anything for the second cell - it will
occupy the rest of the table automatically and just do what you want!

Note that it is possible that Mozilla is doing different things than IE in your
case because it is not valid HTML to mix % and px in the width definition thus
the spec do not specify what should happen in this case and each browser will
behave differently - but as I said before it doesn't matter because there is way
to make it work all the time!

If I'm right please closed the bug as INVALID.

Thanks for reporting!

Comment 2

[John A. Bilicki III]

Here is the setup...

Left Cell 100% / Right Cell 150px

If the left cell does not have enough content to be wrapped, the table width
will collasp (IE issue with the table width).  Not specifying anything lets this
behavior happen.  This of course makes the page look unprofesional.

Comment 3

[Bernd]

Can you name me one browser that does render the url different than mozilla?
IE6 and Opera do the same. The width specifications of the cells are illegal.
The width is overconstrained. Where in the CSS2.1 spec do you find a sentence
that supports your understanding of the percent width. To get the desired effect
just don't specify any width on the first cell it is then auto width and will be
stretched to fill the space that the fixed cell left of the 100% wide table. 

Comment 4

[John A. Bilicki III]

Then tell me how you can force a cell to take up the remander of the available
width with a cell defined in px WITHOUT having content to press the table outwards?

Comment 5

[Boris Zbarsky [:bzbarsky]]

> Then tell me how you can force a cell to take up the remander

Just like you were told in comment 1 and comment 3 -- don't put a width on the
cell.  If that doesn't work in IE and you need this to work in IE then you're
sorta stuck, but that's hardly Mozilla's fault....