191093 - max-width style doesn't work

Status: RESOLVED INVALID

(Core :: DOM: CSS Object Model, defect)

Description

[Artem Skoretskiy]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.3a) Gecko/20021212
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.3a) Gecko/20021212

When I apply style that set maximum and width of the object by max-width to
table, it still makes wider instead of wrapping data in it

Reproducible: Always

Steps to Reproduce:
1. Create a table with max-width property set
2. Fill the table with many wrapable data
3. Open in a browser
4. See a bug

Actual Results:  
Table is wider than set in it's property

Expected Results:  
Fix table's width and wrap it's data

<style>
.wide {max-width: 50%}
</style>
<table class='wide'>
<tr><td>jh dg dfg gfdg gd gdg gdf gf fdg fdg fdg dffdg g gdg dg dfgd<td>jh dg
dfg gfdg gd gdg gdf gf fdg fdg fdg dffdg g gdg dg dfgd<td>jh dg dfg gfdg gd gdg
gdf gf fdg fdg fdg dffdg g gdg dg dfgd<td>jh dg dfg gfdg gd gdg gdf gf fdg fdg
fdg dffdg g gdg dg dfgd<td>jh dg dfg gfdg gd gdg gdf gf fdg fdg fdg dffdg g gdg
dg dfgd</tr>
<tr><td>jh dg dfg gfdg gd gdg gdf gf fdg fdg fdg dffdg g gdg dg dfgd<td>jh dg
dfg gfdg gd gdg gdf gf fdg fdg fdg dffdg g gdg dg dfgd<td>jh dg dfg gfdg gd gdg
gdf gf fdg fdg fdg dffdg g gdg dg dfgd<td>jh dg dfg gfdg gd gdg gdf gf fdg fdg
fdg dffdg g gdg dg dfgd<td>jh dg dfg gfdg gd gdg gdf gf fdg fdg fdg dffdg g gdg
dg dfgd</tr>
<tr><td>jh dg dfg gfdg gd gdg gdf gf fdg fdg fdg dffdg g gdg dg dfgd<td>jh dg
dfg gfdg gd gdg gdf gf fdg fdg fdg dffdg g gdg dg dfgd<td>jh dg dfg gfdg gd gdg
gdf gf fdg fdg fdg dffdg g gdg dg dfgd<td>jh dg dfg gfdg gd gdg gdf gf fdg fdg
fdg dffdg g gdg dg dfgd<td>jh dg dfg gfdg gd gdg gdf gf fdg fdg fdg dffdg g gdg
dg dfgd</tr>
</table>

Comment 1

[Ruslan Ismailov]

Sorry, today I could not enter w3c cite, so I could use only my local
documentation. And there stated max-size excluded from tables.

Comment 2

[Artem Skoretskiy]

I've used O'REILLY CSS Reference and it says that max-width, max-height,
min-width and min-height present is CSS and i think (just logical thoughts) that
thoose atributes can be applied to any obj, even to tables.
By the way, while making web-sites I understood that this attribute can be quite
useful for tables, that allows to have tables thin when there is no data and
wider (but not wider than a screen) when there is a lot of data

Comment 3

[Ruslan Ismailov]

According w3c spec (http://www.w3.org/TR/REC-CSS2/visudet.html#min-max-widths):

'min-width'
    Value:  	<length> | <percentage> | inherit
    Initial:  	UA dependent
    Applies to:  	all elements except non-replaced inline elements and table
elements

Comment 4

[Ruslan Ismailov]

Sorry, wrong paragraph:

'max-width'
    Value:  	<length> | <percentage> | none | inherit
    Initial:  	none
    Applies to:  	all elements except non-replaced inline elements and table
elements

So this bug is invalid.

Comment 5

[Eric A. Meyer (dead account)]

Actually, the O'Reilly CSS Pocket Reference doesn't mention max-width, and
O'Reilly's "CSS: The Definitive Guide" says on page 314 that 'max-width' applies
to all elements except nonreplaced inline elements and table elements.  Plus,
the specification says that same thing, and the specification is always right. 
I agree the bug is invalid.

Comment 6

[Christopher Hoess (gone)]

INVALID it is.