Come together with the global Drupal community in Rotterdam, 28 Sept – 1 Oct 2026. Sessions, contribution, connection, and Early Bird savings until 8 June.I've 4 regions in a custom layout on a row set to 25% to create 4 horizontal boxes.
When displayed all regions show up as 24.75% width but the first and last regions are slightly wider. Looking at the CSS this is because the first and last regions have respectively, their left and right padding reset to 0. If you remove these then all the regions are the same width.
Is this by design? Normally this wouldn't matter much but the design I have features a background image for the pane title and the slightly wider first and last regions screw it up.
Thanks.
| Comment | File | Size | Author |
|---|---|---|---|
| #2 | Screen shot 2011-07-15 at 19.10.13.png | 17.75 KB | omahm |
Comments
Comment #1
merlinofchaos commentedThe padding doesn't make the inside of the region wider, it controls the spacing between the regions. There's no padding on the first and last because there's no between. The actual region width may be slightly wider if you were to put a border around the region.
In the canvas settings you can control how much padding there is; you could set this to zero and then everything would be the same, but then there would be no spacing between regions.
I can't think why an element inside the region would appear wider.
Comment #2
omahmYeah, I can understand the need to drop the left and right padding off the first and last regions, just weird how it affects the width. You can see this in the screenshot, the measureit box is the same size as the first region but it's sightly bigger than the second region.
I've fixed it by altering the background image position in the css for the inner regions.
Though I'd post this in case anyone else came across it. Thanks.
Comment #3
merlinofchaos commentedIf you've fixed it with CSS I think that's as good as we're going to get. I can't think of any ways to handle this better, and it'd break your solution anyway. :)