So perhaps someone can help me on this. So I have a certain panel that have a relative width (and pardon me if my terminology is incorrect) meaning they change width depending on the width of the browser. This is obviously the way it is supposed to work, and in most cases that would be fine. But I have a situation where images are displayed in a panel, with rounded corners, If I change the width of my browser, this shrinks the size of the panel, normally I would think it would just cut off the edge of the photo, but instead the photo overlaps, and runs over into the next panel, this wont do, as we all know, browser widths vary.
Ideally, I would like to make this panel a fixed width, so that it always remains the same size, and the images never get cut off, or extend over the edge of the panel.
It's possible this may be an issue with the theme as apposed to panels, but I thought I would ask here first, and see if anyone has any input.
take a peek of the attached screenshot I took for visual.
Thanks folks!!!
Comments
Comment #1
merlinofchaos commentedUse css to set overflow: hidden on the region with the image. At least, I think that's what it is. You might google the overflow CSS keyword for more information.