[Pro] Hack Freeway to create floating Fixed Footer

How can you Hack Freeway to create fixed footer like this http://www.addnewfollowers.com/home/

Where the grass stays fixed but the page flows under the grass.

It seems creating a fixed footer is fine and dandy in Freeway using 0px bottom, but when you create a html text box to go under the footer that is longer than the pasteboard page, it then breaks it when publishing the page, and fixing it to the top.

Maybe it can’t be done and I will use code to do it. But any Freeway workaround would be helpful.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

No need to hack it, just draw an item (layer) at the bottom of the page, set the Position value to Fixed in the Inspector palette and make sure it is positioned from the bottom of the page rather than the top (click the Bottom Inset button in the Dimensions section of the Inspector).

That’s it!

Joe

On 11 Dec 2009, at 14:22, WebWorker wrote:

How can you Hack Freeway to create fixed footer like this http://www.addnewfollowers.com/home/

Where the grass stays fixed but the page flows under the grass.

It seems creating a fixed footer is fine and dandy in Freeway using 0px bottom, but when you create a html text box to go under the footer that is longer than the pasteboard page, it then breaks it when publishing the page, and fixing it to the top.

Maybe it can’t be done and I will use code to do it. But any Freeway workaround would be helpful.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Ahhg… I know where I was going wrong. I was floating and fixing an image to the bottom of the page. If I float and fix a HTML box div to the page bottom it works.

I can then spacebar-drag to absolute position my images into this div. (Just love this spacebar Freeway trick - you can even nudge images to create minus positioning to hang things outside of the surrounding div)

Doh! Its been a long week.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

…oh no it does not work completely.

A div can be fixed to the page bottom (with a div of underling text underneath), and if you move the Safari window the div sticks to the bottom of the page.

HOWEVER… if you use the scroll bar it does not, the fixed footer moves up as you scroll. :frowning:


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Really? It doesn’t for me, it always sticks to the bottom regardless of scrolling.

On 11 Dec 2009, at 16:58, WebWorker wrote:

…oh no it does not work completely.

A div can be fixed to the page bottom (with a div of underling text underneath), and if you move the Safari window the div sticks to the bottom of the page.

HOWEVER… if you use the scroll bar it does not, the fixed footer moves up as you scroll. :frowning:


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Did a quick test here http://freshbrand.com/STUFF/StickyFooter/

Had a problem with the footer not centering but I changed the width to 100% instead of pixels seems to work ok

Marcel


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Marcel,

How did you get your footer to have position:fixed? Freeway seem to give me position:absolute on the Footer. I think this is where I’m getting the problems


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Yes using Safari Developer tools and changing Freeway’s default output…

position:absolute; width:100%; height:198px; right:0px; bottom:0px; z-index:2; background-image:url(Resources/grass.png); background-repeat:no-repeat; background-position:center top; font-size:1px

to

position:fixed; width:100%; height:198px; right:0px; bottom:0px; z-index:2; background-image:url(Resources/grass.png); background-repeat:no-repeat; background-position:center top; font-size:1px

And it works correctly.

Anyone know why Freeway is defaulting my footer to use position:absolute?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Select the layered item and then from the Inspector Palette > Properties - Change Absolute to Fixed In Window


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

My FW5 Pro file is here - http://freshbrand.com/STUFF/StickyFooter.zip


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Right of course. Never noticed that menu - just shown how many time its not used.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options