On Apr 27, 2011, at 7:52 PM, Jarek Foksa wrote: > <div id="box"></div> > > #box { > resize: both; > overflow: auto; > background: #ccc; > width: 500px; > height: 500px; > min-width: 100px; > min-height: 100px; > } > > It turns out that specified min-height and min-width values are > completely ignored and instead min-width is assumed to be the same as > width and min-height is assumed to be the same as height. > > Obviously this makes no sense.
Does it not ? Per the spec, width/height overrides min-width/min-height unless the latter is larger. But then you specify the resize property. I'm not sure what should happen in this case. Gecko 2.0+ allow resizing downwards, until the minimum size is reached. Webkit doesn't allow resizing. If you replace width/height with max-width/max-height, then WebKit allows vertical resizing until the max-height is reached. > Do you know any simple workaround that > would allow me to specify minimal width and height of resizable > element? What is your actual use case ? And what is the content of your your element ? Floating the element will give slightly different results than the above. Philippe -- Philippe Wittenbergh http://l-c-n.com/ ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/