Incorrect layout column width
Permalink
Hi,
It seems that the width of the first and last column of a layout are incorrectly calculated. Attached is an example of the default theme with a 4 column layout and a spacing of 20px.
In the site I'm working on it's especially apparent, since I need to include a fixed-size image in each column. Then you immediately see the strange spacing between the columns, caused by incorrect column widths.
Any solution for this problem?
Thanks, Pascal
It seems that the width of the first and last column of a layout are incorrectly calculated. Attached is an example of the default theme with a 4 column layout and a spacing of 20px.
In the site I'm working on it's especially apparent, since I need to include a fixed-size image in each column. Then you immediately see the strange spacing between the columns, caused by incorrect column widths.
Any solution for this problem?
Thanks, Pascal
could you attach the page type file or the code where those areas are created for us to take a look at?
Hi Enlil,
I created completely new C5 install with sample content and added the layout to the home page. So what you're seeing in the screen shot is the default "right_sidebar" page type of the Greek Yogurt theme.
For better illustration, I created a new screen shot with exactly my problem: a layout, added to the (site wide) "Header Image" area. The area is 960px wide. I added 4 columns with a spacing of 20px. So it should be able to neatly distribute 4 images with a width of 225px. But as you can see in the screenshot, the distribution is uneven.
From the screenshot in my original post you can see that it seems that it has to do with a different widths of the first and last element. In the browser I added an "overflow: hidden" to the "ccm-layout-col-spacing" class and that shows that difference exactly.
Your help is much appreciated!
Pascal
P.S. I'm running the very latest version of C5: 5.6.2.1
I created completely new C5 install with sample content and added the layout to the home page. So what you're seeing in the screen shot is the default "right_sidebar" page type of the Greek Yogurt theme.
For better illustration, I created a new screen shot with exactly my problem: a layout, added to the (site wide) "Header Image" area. The area is 960px wide. I added 4 columns with a spacing of 20px. So it should be able to neatly distribute 4 images with a width of 225px. But as you can see in the screenshot, the distribution is uneven.
From the screenshot in my original post you can see that it seems that it has to do with a different widths of the first and last element. In the browser I added an "overflow: hidden" to the "ccm-layout-col-spacing" class and that shows that difference exactly.
Your help is much appreciated!
Pascal
P.S. I'm running the very latest version of C5: 5.6.2.1
Enil,
Any news on this topic? Should I create an entry in the bug tracker? Or have you done so already?
Thanks, Pascal
Any news on this topic? Should I create an entry in the bug tracker? Or have you done so already?
Thanks, Pascal
Honestly, I haven't had an opportunity to investigate this fully. Clearly this is something you want to have in the header area of every page on your site. Another option you have is to create some new areas in your header.php file. If you need assistance in doing so, you can Private Message me a copy of your header.php file and I could put it together relatively quickly for you.
EDIT: If you haven't made any other changes to your header file I can just use a copy from the theme to do this. Just let me know...
EDIT: If you haven't made any other changes to your header file I can just use a copy from the theme to do this. Just let me know...
Enil,
Thanks for your quick response.
I put this in the header of the page just for illustration purposes. The real problem is on a real website of my customer for whom I've build a custom theme. He needs these layouts in several areas of his site. And the column count can differ as well.
So it's important that he has this flexibility that layouts offer. Only the erroneous spacing kind of ruins the overall look.
Shall I create a bug entry for this?
Pascal.
Thanks for your quick response.
I put this in the header of the page just for illustration purposes. The real problem is on a real website of my customer for whom I've build a custom theme. He needs these layouts in several areas of his site. And the column count can differ as well.
So it's important that he has this flexibility that layouts offer. Only the erroneous spacing kind of ruins the overall look.
Shall I create a bug entry for this?
Pascal.
Layouts are being completely rebuilt in 5.7:
https://www.youtube.com/watch?v=DuDae7CoTd0...
Till then, perhaps use a table in a content block if all you're doing is spacing images out.
Hope that helps..
https://www.youtube.com/watch?v=DuDae7CoTd0...
Till then, perhaps use a table in a content block if all you're doing is spacing images out.
Hope that helps..
Thanks, Franz. Any idea what the expected release date of 5.7 is?
