Page 1 of 1

[SOLVED!]Why is this GCB too long and without background ?

Posted: Fri Jul 31, 2009 5:07 pm
by seensite
I have tried thousand of things and... nohope :
Trying to get a cool design in CMSMS(-MLE) 1.6, I just can't figure out why my GCB "Manifestations" (with the wine glas)
- Does not stick with the footer : there is a big'n ugly space between content and footer ?
- Is longer than the max-height of 121px that I have defined ?
- Manifestation is included between the divs of the sidebar, there should be the same background as in the rest of the content, sidebar or content. Why not ?
Help! Can you see warum, why or pourquoi ?

oh... it is here : http://www.domainedelatuiliere.ch/index.php

Thanks for any hint!

Re: Why is this GCB too long and without background ?

Posted: Fri Jul 31, 2009 6:27 pm
by Dr.CSS
To get it to stick to the bottom you have to do some position: calls and that still may not work, you may want to add another div just above the footer and stick it in there, which will lead to some more fun css calls...

Re: Why is this GCB too long and without background ?

Posted: Sat Aug 01, 2009 10:40 am
by seensite
Good morning Dr.CSS,

Thanks for answering, I'll go on working with css calls then... 'n try to make them funny the way I want.

[SOLVED] Re: Why is this GCB too long and without background ?

Posted: Sat Aug 01, 2009 12:14 pm
by seensite
I went too far in the funny css call game, finally I simplified and it works. For interest I did :

div#manif {
        float: left;
        background: url(uploads/design/bg-news2.png) no-repeat center bottom;
        height: 121px;
        width: 260px;
        color: #5b100e;
        font-size: 0.8em;
        margin-left: 2em;
}
div#manif p {
        padding-top: 6.5em;
        padding-left: 12em;
        padding-right: 1.5em;
}

Was not working :
div#manif {
        float: bottom;
        background: url(uploads/design/bg-news2.png) no-repeat center top;
        min-height: 121px;
        padding-top: 6.5em;
        padding-left: 12em;
        padding-right: 1.5em;
        padding-bottom: 0em;
        color: #5b100e;
        font-size: 0.8em;
}
div#manif div#news {
/* less margin surrounding the manif GCB, sidebarb has enough */
margin: 2em 0 1em 0em;
}

Re: [SOLVED!]Why is this GCB too long and without background ?

Posted: Sun Aug 02, 2009 9:45 pm
by hexdj
Of course the latter doesn't work

float:bottom

is not a valid property