The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › How to avoid collapse in absolute gallery
Here’s the problem: http://jsfiddle.net/H7Yc9/1/
When the browser window has less width that 450px (total width of the 3 images) the overflow images collapse.
The gallery and images width are not always the same.
How can I avoid this behavior?
Why are you using position absolute…it doesn’t seem that there is a good reason to do so here?
It’s not clear to me what you are trying to do.
I use it for navigation.
On a mouse over in the navigation arrows I just change the left value of gal. I left the navigation part out of the example.
It’s still not clear.
Is this some sort of side scrolling gallery?
It’s like this gallery but instead of click I use hover to navigate on it:
http://tympanus.net/Tutorials/ResponsiveImageGallery/
I would suggest that you examine that example using developer tools to see how it’s done.
As far as I can see, it doesn’t use absolute position at all just a very wide menu in a div with overflow:hidden.
