Too much margin-bottom on content blocks
Permalink 1 user found helpful
Hey forum,
i have a problem with my site. All the content blocks seem to have too much margin-bottom. You can see example here:http://allansdiner.lund-co.dk/gode-raad/... . The spacing between the golden text, and the text under is too big. I've tried to add margin-bottom in my CSS for this class: ccm-layout-row, but thats apparently all blocks. Fast answers is appreciated. :-)
//Anders J.
i have a problem with my site. All the content blocks seem to have too much margin-bottom. You can see example here:http://allansdiner.lund-co.dk/gode-raad/... . The spacing between the golden text, and the text under is too big. I've tried to add margin-bottom in my CSS for this class: ccm-layout-row, but thats apparently all blocks. Fast answers is appreciated. :-)
//Anders J.
Hey mikefatty,
i appreciate the quick answer :)
I've tried both and the last one seems to just squeeze height on all blocks, so the footer moves up aswell. I'll let it be for 30mins, then i'll change it back, cause i have to go home from work :P
i appreciate the quick answer :)
I've tried both and the last one seems to just squeeze height on all blocks, so the footer moves up aswell. I'll let it be for 30mins, then i'll change it back, cause i have to go home from work :P
Ok, clearly this wasn't such an obvious CSS bug.
The problem here is your #leftshadow. It is relatively positioned and has height of 200px (your #rightshadow has 100px).
Concrete layouts, on the other hand, use position clearing element at the bottom (.ccm-spacer), so when the layout gets cleared in both direction at that point, the rest of the content will flow bottom of your #leftshadow.
So, my suggestion would be to either:
- Less height for #leftshadow
OR
- Play around with absolute positionings for your shadow elements
In that case, I personally would've done the shadow with background image or images.
Antti / Mainio
The problem here is your #leftshadow. It is relatively positioned and has height of 200px (your #rightshadow has 100px).
Concrete layouts, on the other hand, use position clearing element at the bottom (.ccm-spacer), so when the layout gets cleared in both direction at that point, the rest of the content will flow bottom of your #leftshadow.
So, my suggestion would be to either:
- Less height for #leftshadow
OR
- Play around with absolute positionings for your shadow elements
In that case, I personally would've done the shadow with background image or images.
Antti / Mainio
You my good sir, are awesome!
Thanks for the answer.
Note to self: floating with C5 is not good :-D
//Anders J.
Thanks for the answer.
Note to self: floating with C5 is not good :-D
//Anders J.
Don't get me wrong, floating is all good, just know the context where you're using it ;)
har du prøvet at sætte element style i din css?
ex.:
element.style {
height: 30px;
}
eller denne:
.ccm-layout-row ccm-layout-row-1{
height: 30px;
}
håber det kommer til at virke! forresten cool side.
/Mike