Photo Gallery Problem with Fluid Container

After methodically working through and manipulating HTML and CSS for my photo gallery (Halen template) I can’t seem to stop gallery images squeezing and stretching horizontally to fill the fluid container.

Here’s an example: http://www.jimbatty.com/halen/boat_interior_3.html

Anybody have experience with photo gallery containers? Or should I really be looking for another gallery?

Hey there

Images have a predefined size in style.css file and you have to change this rule while you are changing default appearance of the grid: Screenshot by Lightshot

Ah, thank you Noda for that. I thought the stylesheet automatically established the general ‘size’ of each image and floated them accordingly. I now see that I need to manually set the size for each picture (large, mid or small), and monkey with the % width to get them to fit nicely,

Much appreciated.

You are welcome :slight_smile:

I will close this case now, Feel free to contact us again if you have other questions

Thanks!