Hello all, haven't been on css-discuss in a while. but had something stump me today. I had a group of floated thumbnails. their parent, .progress-gallery-wrapper, is just set to 100% width like so: http://jsfiddle.net/RV7pj/ But when you look at the first group of images, they are not centered, especially if you resize the screen so there is 1 or 2 images per row. I tried to use an inline-block trick on the div that holds the thumbnails, and then use text-align:center to center the div that holds the thumbnails. Tried other tricks like display:table-cell, 50% positioning tricks to no avail.
The website is going to be responsive (simply simulating that with the width of the page being 100% so can resize that frame in jsfiddle to test)... so that group of X images per row could go down to 1 image per row on mobile. Anyway to get really nice centering no matter the size of the page? Seems like with my current inline-block centering code, it only centers if there is 1 row of images like in the 'After' images. Thanks for any advice if possible, -Ari ______________________________________________________________________ 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/
