I’ve always struggled with this…
I want to fix company name/address/telephone details to the bottom of the browser window…so that however the page is pushsed and pulled, no matter what screen size or res the user has, those address details are always anchored to the bottom of the browser window - very much like the bottom of this freewaytalk page.
How is it done?..in FW of course!
Hugh
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
This Freewaytalk page is not strictly doing what you describe. In
fact, it’s just a regular page with a footer, and all the content
pushes that footer down. If the footer was stuck to the bottom of the
screen, then it would overlap the content of the page when the page
contents got to be a certain height.
There’s a couple of things you can try:
Make your footer a static layer. This won’t work in IE/Win, but it
will fail fairly gracefully. Draw an HTML box, un-check the top
distance in the inspector, set the bottom distance to 0, and change
the positioning from Absolute to Fixed in Window.
Look at The Big Erns’ various examples for making an inline layout,
this will make the footer push down when the page content grows, just
like this site.
Walter
On Aug 12, 2008, at 1:31 PM, hugh wrote:
those address details are always anchored to the bottom of the
browser window - very much like the bottom of this freewaytalk page.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Something like this Hugh <http://anoptic.com/demo/pinned_footer/index.html>? Where the content slides underneath the element when scrolled instead of pushing it down? Beware of IE 6 and the “position: fixed” attribute which is what’s need for this effect to work though there are numerous hacks to get around it if you’re so inclined.
Todd
On Aug 12, 2008, at 12:31 PM, hugh wrote:
I want to fix company name/address/telephone details to the bottom of the browser window…so that however the page is pushsed and pulled, no matter what screen size or res the user has, those address details are always anchored to the bottom of the browser window - very much like the bottom of this freewaytalk page.
Hi Todd and Walter.
Nice idea, Todd, but I’m thinking more along Walter’s lines - maybe I didn’t explain it very well.
Sometimes I find myself working with a long ‘main content’ area which is really a column, maybe 450px wide.
But at the bottom of this, I always want the 780px wide address bar.
I’ve had trouble doing this, and sometimes find that, while the ‘main content’ column pushes the “footer” (i.e. address details) down, the address details are not always fixed to the bottom of the page - there’s often white space beyond this.
One key problem I’ve found is where you have a main content html box, and then a footer/address separate html box (or table) below it. If the text of the main content area is styled to give greater leading, effectively making the main content longer, then the address bar html item has to be manually repositioned somewhere further down the page completely by trial and error. This is compounded by Windows rendering that leading in a different way to a Mac.
http://www.mulucaves.org is an example. I shudder to think what you might see, but hopefully most of the footers will be reasonably ‘stuck to bottom’ in most browsers. If you could see the FW files you’d see great swathes of white space “allowed” for the styled content to expand into… + windoze font size abberations taken into account!! It’s all a complete suck-it-and-see design!!
I’m just sure there’s a simple way of doing it, that’s all. And I don’t know it!
Hugh
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
One key problem I’ve found is where you have a main content html box, and then a footer/address separate html box (or table) below it.
The way to make this work is to have one main html box that holds your header, columns and footer. By using float left or right on the columns, and clear all on the footer you force the footer to be below everything.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
There’s 2 box-model overview video’s I made a while back about this and it’s a two part series on how to build a site that has content push the footer down like it seems you’re wanting to know how to do. It’s got a sample file and 2 screen-casts in it.
Found either on a forum search or here:
http://danjasker.blogspot.com/2008/07/fw5-understanding-box-model.html
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
On 13 Aug 2008, at 00:52, chuckamuck wrote:
The way to make this work is to have one main html box that holds
your header, columns and footer. By using float left or right on the
columns, and clear all on the footer you force the footer to be
below everything.
Plus, the footer will also automatically be at the end of the content,
no matter how long the content becomes, and you can specify the gap
between the end of content and footer, and between the footer and the
bottom of the page, if wanted.
best wishes,
Paul Bradforth
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Brilliant screencast, Dan, very informative.
Now all I need is Freeway 5…
I’m still using Freeway 3.5 Pro (sorry, I should have said), so wondering if my aim is possible using that? I’m sure that even “back then” there were sites about which performed as I describe.
??
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options