Hello.

I been playing with your software and am trying to change the a footer in SCDP to a floating footer (Locked to the bottom of the browser) but can't seem to see how to do it?

Is this possible?

Also can I add external menu links in the software?

That is called a 'sticky' footer. Try the code attached.

Take a look at the site in my signature. It's my Coffeecup test site where I do things like what your asking. The floating menu might be a challenge but probably doable. Do you know any JQuery?

Inger....Where would I change the code to reflect your code.

Thats exactly what I want it to do.

Please be specific if you can.

Thanks!

The code I gave you is a 'general' sticky footer code. Since I don't use the scdp, I can't be more specific than that. But there must be a css file which holds all the rules for the look of the pages. That is where the css go. And the html should go into the main body. But I'm sure Eric, or Jo Ann can give you more specific help.

Try placing all the code in the footer of you shop. If you can't get that to work Place the HTML in the footer and the CSS in the header.

Hi Eric.

Forgive me....How do i put the code into the footer in SCDP?

Actually you do it in SCCP.

ok Eric....Where in SCCP does the code get added?

Key Eric.

Ok i figured out where you put the CSS....."Your Shop", "Custom Markup".

I add the CSS that was given by "Inger" above but it didn't work.

I'm assuming the DIVS it references are different when built by SCCP.

How can I get the CSS working like Inger provided.

CSS looks like this in SCCP.....



<style media="screen" type="text/css">

* { margin:0; padding:0; }

html, body, #wrap { height: 100%; }

body > #wrap {height: auto; min-height: 100%;
margin: auto;}

#main { padding-bottom: 50px; border: 1px solid green;} /* must be same height as the footer */

#footer {
position: fixed;
margin-top: -50px; /* negative value of footer height */
height: 50px;
width: 100%;
clear:both;
border: 1px solid red;}

/* CLEAR FIX*/
.clearfix:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

</style>