CSS fluid layout and dynamic image scaling

diewicollogue

New Member
I have a question about dynamic scaling of images within a \[code\]div\[/code\] container, I'm building a portfolio website which have 3 col's of project images all scalable in width but static in height (e.g. \[code\]div\[/code\] container => Width 33.33334% : Height 250px).I've puzzled around with different CSS ideas but the layout always breaks since the images differ in dimensions as well as the container.I'm not that skilled in CSS nor JS and now I'm kind of stuck looking for some advice firstly where to look for an solution, perhaps some code ideas/snippets or even better examples/API's etc.I've made an small example of where I am now, as you can see one of the images is smaller due to it's dimensions and the layout is broken.jsfiddle example:jsFiddle exampleI'm sorry I can't be more precise on what this image scaling technique is called since I honestly don't know, which again gives me a headache googling it.best regardsMads
 
Back
Top