The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Floated Image with max-height set scales outside parent Re: Floated Image with max-height set scales outside parent


Here’s a working example –

Note that jsFiddle actually shows it with scrollbars because it is not constraining my content to 600×600, as specified in the CSS. If it was confined to 600px high, Wednesday would not be viewable. So what I want to do in that case is scale all the images down so that they all fit. And if the container’s dimensions were changed to 600×1200 for example, I would not want the images to scale larger than their native dimensions.

As a little background, this is being used in digital signage. There are different zones of content on the screen. In this case, the zone is weather and the user gives it whatever size they want. The content can’t grow larger than the user-specified dimensions or it will run into content in other zones.