The URL that I have attached contains the bare necessities of what I am talking about. As one resizes the window, each element inside resizes according to the size of the window. In other words, each element has a width of the percentage of the window. The exception is that there are two DIVs at the top which are used to measure whether the min and max values are being honored. You will see that every element except for the table has the min and max values applied correctly. I did not test on min/max height, but I would assume it would be the same. I have the latest version of Safari running on 10.4, and I have also downloaded the latest version of Webkit nightly. Both exhibit this problem.
Created attachment 12649 [details] reduced test case
See also Bug 12460.
min-width works properly on tables in both Firefox (3.6.3 tested) and Opera (10.53 tested).
Issue persists on WebKit nightly r63606 (built 7/17/2010) and Safari 5.0 (6533.16) on Mac OS X 10.6.4.
Created attachment 61916 [details] Minimal test case
For the min-width case, see Bug 76553 - min-width does not work on <table>
https://bugzilla.mozilla.org/show_bug.cgi?id=307866
I am able to reproduce these bugs using attached test cases in Safari 15.5 on macOS 12.4. In both test cases, Safari differs from Chrome Canary 104 and Firefox Nightly 103, where both match each other. From attached test cases, in "reduced test case", Safari renders "max-width" different from other browsers. While in "minimal test case", Safari does not show "red line" to restrict "table width" and it just goes off the edge of viewport. If I am testing it incorrectly, please retest accordingly. Thanks!
Safari continues to have different output than Chrome and Firefox.
<rdar://problem/96554687>