I posted this query about a month ago and was pointed to the ‘sticky footer’ solution. Unfortunately I couldn’t make this work for the task I was trying to achieve, it just seemed to be creating blank boxes at the bottom of the screen.
I’ve created two jpegs with annotations to illustrate the problem i’ve encountered, as displayed below.
actually I’m totally unsure if I can help you walk through the necessary steps to achieve this. On the first view, I don’t see any deeper problems in it:
Center the page horizontal: alignment in inspector center.
Center a page vertically: use the vertical alignment action to be found on actionsforge.
Now second one:
If you fix items in window, they will always appear on that position you “positioned” it. Will mean:
If your menu-items set on offset 5px from the left and you fix it in window, the item will always appear 5 px in the browser-window. So set it to absolute, and it will stay 5px from the left inside your page.
I may misanderstood you - but this will be the basics.
Thank you for your reply, sorry about the delay in mine, been very busy!
The example you created is indeed how i’d like the layout to look.
I downloaded and used the vertical alignment action in all its different settings, but it didn’t appear to make any difference whatsoever to the look of the site.
The menu items need to be fixed in window so they always remain at the top of the site, even when the user is scrolling through larger body content. Fixing them at the bottom means they don’t present themselves until the user has scrolled right to the bottom of the screen, which wouldn’t happen every page they click on.
Has anyone else got any other solutions to this problem?
If you choose the Fixed in Window option for your navigation element
in the Inspector, does that not give you what you’re looking for?
Walter
On Oct 27, 2010, at 7:22 AM, Will Vincent wrote:
Hi Thomas,
Thank you for your reply, sorry about the delay in mine, been very
busy!
The example you created is indeed how i’d like the layout to look.
I downloaded and used the vertical alignment action in all its
different settings, but it didn’t appear to make any difference
whatsoever to the look of the site.
The menu items need to be fixed in window so they always remain at
the top of the site, even when the user is scrolling through larger
body content. Fixing them at the bottom means they don’t present
themselves until the user has scrolled right to the bottom of the
screen, which wouldn’t happen every page they click on.
Has anyone else got any other solutions to this problem?
Centering page horizontal, fixed a header area staying in the window on top.
Centering it vertical doesn’t make (as I understood) not really sense, cause if you enforce browser window to scroll, centering vertical will cut off content on top.