Actually, that was different. The Holy Grail is that the footer appears at the bottom of the screen unless the content drives it further down. So the footer appears at the bottom of the screen on short pages, and at the bottom of the content on tall pages. It’s quite simple to place a footer visually at the bottom of the screen – since that just ignores the rest of the page content entirely. The actual holy grail is the “have your cake and eat it too” sort of thing, because the footer pays attention to the content unless there isn’t enough of it.
So to put your footer at the bottom of the screen, and keep it there, draw your content element, and while it is selected (corner handles showing) look in the Inspector and set the following attributes:
Change the position picker (it’s not labeled, but it is near the top-right of the Item Inspector) from Absolute to Fixed in Window. In the Dimensions segment, set the bottom position to 0, and click on the little icon left of the top position to deselect it (it will gray out and no longer allow you to edit the numbers in there). Set the width to 100% and the left to 0. Now if your page is actually centered in the browser, your footer will be smacked over to the left of the screen, so to fix that, insert a child HTML element inside your footer, set it to your desired “page” width, and then set its alignment to center. This child element will then be the parent of whatever footer content you want to display.
The last thing you need to do is put a “shim” at the bottom of your actual page content to allow for the height of your footer. Without that, your page content will never scroll high enough to show the bottom bit of content – it will remain stuck underneath the fixed-in-window footer. By adding an empty graphic box or empty HTML box inline within the content, or by setting the bottom padding of the last element of your page content to a large-enough value to force an empty space to accommodate the footer, you will be able to scroll up to see everything. That last option (padding) is actually the best solution from a semantic standpoint, since any empty element you place there for spacing would be extraneous non-content. CSS is meant to be abused in this manner, since it is purely visual (as opposed to HTML, which is always content).
On Feb 22, 2015, at 7:36 AM, Seth Rosenblum email@hidden wrote:
I saw Walter referred to this as the ‘holy grail’ in a older post.
freewaytalk mailing list
Update your subscriptions at: