[Pro] Footer Anchored to the Bottom of Screen

Hello All,

I need to create a footer that height expands and contracts as the content does. I understand inline, however, getting the same footer effect as the following sites escapes me:

just to name a few.

I know about the action at ActionWorld (footer action) and I am not sure thats what I need. I may be wrong.

To reiterate, I would like to imitate the100% width footer that is archored to the bottom of the web browser in Freeway.

Thank you in advanced for your help.


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

Hi Michael,

This can be done using inflow items and, if you’re using Freeway 5.5, the new Relative Page Layout Action. Here’s a sample page containing a link to the FW document:

http://users.softpress.com/joe/flexi/

Basically you need to use inflow items to create the main sections of the site, the header, the body and the footer. These should all be set to float left and have 100% width on a page with no alignement (meaning the page is always the width of the browser window). You want these items to have no height (so they grow vertically when the content inside them gets bigger) so, in order to stop the item shrinking to 0px when you remove the height, apply the Modify Height Action (which is part of the Relative Page Layout suite) to them and set the Height option to Undefined. Make the actual height of the item the height you want it to be (it will get trickier to do this later on so make a good guess now).

Inside each of these items you need another inflow item that has a specific width (the width you want your centered content to be) and margins set to Auto. Automatic margins on fixed width items will center themselves in their parent items, so in this case, the 100% width inflow items. Apply the Modify Height Action to these new items and change the Height option to Minimum. Doing this means that the items won’t shrink to fit their content, instead they will remain at a minimum size and grow further if they need to.

Apply the Relative Page Layout Action to the page or Site Folder.

Add your regular layer items into each section, you don’t need to worry about making these inflow, just use regular draggable items - they will all be consumed by the RPL Action when you publish.

That’s it - though there are some things to note:

Changing the height of your main sections (header, body, footer) requires changing the physical height of the highest level items first (the inflow items from the first step) and then the second level items. If you try and drag the second level items they will be restricted by the first level items and nothing will happen. To get access to the first level items, either use command-option click to cycle through stacked items, or select the items in the Site panel after choosing “Show Items” from the menu at the bottom of the Site panel (or clicking the word Site at the top of the Site panel.

Don’t use Master pages for content using inflow items - you’ll just find you lose content when you do a reapply master, or Use Master Settings/Content. Only use the Master for the basic structure of header, body, footer and the centered inflow item within each of these sections.

I hope this helps, and enjoy! :slight_smile:

Joe

On 20 Aug 2010, at 06:20, Michael Henry wrote:

Hello All,

I need to create a footer that height expands and contracts as the content does. I understand inline, however, getting the same footer effect as the following sites escapes me:

just to name a few.

I know about the action at ActionWorld (footer action) and I am not sure thats what I need. I may be wrong.

To reiterate, I would like to imitate the100% width footer that is archored to the bottom of the web browser in Freeway.

Thank you in advanced for your help.


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

Hi Joe

I thought the new RPL Action did all the complicated stuff automatically, without having to set up inflow items as you describe above?

i.e. I though I can create a FW file with no inflow items / no box model faff, just CSS items – apply the RPL Action and hey-presto the layout won’t break if the viewer increases the text size in their browser. Is this not the case?

Thanks

Mark


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

Mark,

Everything you say about RPL is true… but it doesn’t allow for a floating footer across the entire browser window. If you want this rather common design element I can see no other way to do it other than an inline box model.


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

Could anyone elaborate on a solid way to manage header and footer content from one place as the master page is of no use here?

Also see my post regarding PHP method.
http://www.freewaytalk.net/thread/view/92815

Regards, Dave


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

Good questions.

Its hard because with a hair trigger move that page loses the master.

So heres is what I do – save the header and footer development for last and replace the place holder information with the real thing seconds before you publish.

Hope that helps.


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

Hi Michael,

Hopefully Freeway could address the limitations of the master in an upcoming release. RPL makes some great strides but the header footer thing is kind of limiting. There is also the issue that centering the page seems to stop the content from stretching the width of the browser window.

Thank you for the suggestion, Dave


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

Just for clarification, the reason one would want to center the page is if you were trying to do a hybread approach such as Dan Jasker suggest in his screencast.

Looks like the paste in, as the last step, is the only way for now. Would be curious if any one has any thoughts regarding the PHP approach.

Dave


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