Actually correction, I thought you were talking about the width of the text below matching the image, I see now your talking about the responsive image sizing. Sorry. Karl DeSaulniers Design Drumm http://designdrumm.com
On Jul 18, 2013, at 10:35 PM, Karl DeSaulniers wrote: > Firefox and Safari on my machine are doing the same thing here. FYI. > Although the one on the bottom does not have the same text in it so it is > kind of hard to tell if it is working. > The text on the bottom doesn't pass the width of the image. > > have you tried.. > > word-wrap: break-word; > > on your original example? > > Best, > > Karl DeSaulniers > Design Drumm > http://designdrumm.com > > > > On Jul 18, 2013, at 9:49 PM, Philippe Wittenbergh wrote: > >> >> Le 19 juil. 2013 à 10:05, Micky Hulse <mickyhulse.li...@gmail.com> a écrit : >> >>> Hey Philippe, any idea why Safari doesn't mind obeying max-width on a >>> <table> and Firefox does? See second example on this test page: >>> <http://jsbin.com/eruxew/2> >> >> You mean on the table at the bottom? >> Safari is a little more aggressive in allowing the max-width to kick in. It >> has been a while since I last checked the complexities of width computations >> on the <table> element; but I think Safari/WebKit/Blink are little bit too >> aggressive here, although in situation such as this one, it is useful. Opera >> (Presto) does the same as Firefox. >> >> Basically the width of the cell is based on the intrinsic width of the >> image; the max-width on the img never kicks in (it remains undefined in Fx >> in this case). Even setting table { table-layout: fixed; } doesn't help. But >> additionally setting a width:100% makes it all work (when the image is >> larger than the viewport width). But then, that defeats what you are trying >> to do… >> >> 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/ > > ______________________________________________________________________ > 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/ ______________________________________________________________________ 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/
