Why do Safari and Chrome ignore min-width CSS property? Example http://jsfiddle.net/8YFHu/2/ This works in IE and Firefox but not in Safari and Chrome.
Chrome and Safari simply do not support the min-width
property on table
elements. They will, however, respect min-width
when applied to table cells.
After some quick testing, it appears that support is as follows:
More information can be found in the MDN article on the property, although the article claims that the property is not supported in IE, even though it is since IE8.
The CSS2.1 specification states that min-width
(and max-width
for that matter) apply to:
all elements but non-replaced inline elements, table rows, and row groups
So it would seem that Chrome and Safari are the ones not conforming to the standard.
Edit
Having just looked a bit further down the relevant section of the spec, I noticed it then states:
In CSS 2.1, the effect of 'min-width' and 'max-width' on tables, inline tables, table cells, table columns, and column groups is undefined.
So it actually looks like no-one got it wrong, and everyone can just do their own thing.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With