Huge space above layout

Permalink
I'm trying to add a 3 column / 1 row layout block to a page, which I've done many times before, but now it's adding a very tall space and putting the layout below it at the bottom of the page.

If you look athttp://www.newmiltoncommunity.org.uk/index.php?cID=119... you'll see what I mean - that's a brand new test page, it only happens when adding a layout, other blocks such as Content or Image are fine.

I manage another C5 site and this one doesn't have this problem.

Malcolm

AWCwebmaster
 
Mainio replied on at Permalink Reply
Mainio
Hi,

The thing people new with concrete5 don't seem to get is how the concrete5 layouts really work when it comes to CSS. Each time you add a new layout row, the area get's cleared with this HTML tag:
<div class="ccm-spacer"></div>


So, the upper area on top of the 3-col layout you have basically pushes the content so far below.

Why?
Because it drops under your #sidebar_content that floats left of your page. Because clear:both; in CSS tells so. Because concrete5 layouts need that to work as they are supposed to.

I would suggest setting the left sidebar layout you have there to be more statically attached to the layout than floating it to the left. Or playing around with CSS position attribute.

Antti / Mainio
AWCwebmaster replied on at Permalink Reply
AWCwebmaster
Hi

How do I make it "more statically attached to the layout than floating it to the left"? I'm afraid that doesn't mean a lot to a CSS amateur like me!

Malcolm
Mainio replied on at Permalink Reply
Mainio
Ok, yeah, it's a tricky question without taking a closer look into your layout.

Try out googling for "css position absolute" and "css position relative" and playing around with the theme. Setting the left sidebar absolute might do the job... Although, there might also be better solution that I cannot tell to you without looking into the theme.

Or, wait for a better answer here... Sorry, my time is limited to solving these.