I keep being asked to have a page centered in a browser window, although its easy enough to do, is it possible to not loose the top of the page.
If you drag the browser window smaller height wise, than the page, the scroll bars should let you scroll to see all the page. The problem i have is, it becomes no longer possible to see the top.
I keep being asked to have a page centered in a browser window
Centre aligned and vertically aligned are 2 separate things here.
It is not vertical alignment you need - you just need to go to the Page inspector with nothing selected and choose 1st Tab (General Page Settings) Align-Center
Vertical alignment will try and place your page in the middle (vertically) of the browser window so if the window is not as tall as the page then you will cut off the top and bottom.
If you drag the browser window smaller height wise, than the page,
the scroll bars should let you scroll to see all the page. The
problem i have is, it becomes no longer possible to see the top.
Hi Paul,
I don’t know of a technique to overcome this which doesn’t mean there
isn’t one, of course. Have you searched Google? There may be a hack. I
built a vertically centered site http://saparoffmusic.com/ and it
suffers from the same problem though because the page dimensions are
so small it’s a non-issue. Let us know if you find a fix.
You could always un-layer everything, then you will get the exact same
behavior you had back in HTML 3.2.
Another trick would be to use the Styles palette to add a new style:
In the Tag field, enter html
Make sure the Name field is empty
Click the Extended button, then New, then enter min-height in the
Name field and whatever height your page cannot stand to be less than,
say 500px, in the Value field
See if that forces the browser to grow scrollbars that include the
overall page height. It appears to me as though you have part of your
page showing its height, but another part of it collapsing to nothing,
so your browser doesn’t know that there’s more page to show above and
below the centered portion.
Walter
On May 19, 2010, at 12:47 PM, Todd wrote:
If you drag the browser window smaller height wise, than the page,
the scroll bars should let you scroll to see all the page. The
problem i have is, it becomes no longer possible to see the top.
Hi Paul,
I don’t know of a technique to overcome this which doesn’t mean
there isn’t one, of course. Have you searched Google? There may be a
hack. I built a vertically centered site http://saparoffmusic.com/
and it suffers from the same problem though because the page
dimensions are so small it’s a non-issue. Let us know if you find a
fix.
Hi Walter, thanks for the suggestion, unfortunately i’ve not been able to make that work. I want to use freeway’s css menu’s in the job so need to keep layers.
I don’t follow your part about some of the job collapsing to nothing ?
It’s pretty easy to create an element on the page that has no height of its own, but has child elements that “hang out” of the bottom of it. Depending on how those children are positioned or dimensioned, they might not influence the overall height of the page, and thus the browser might think that they were meant to overflow the “real” height of the page. If you look at your page in Xyle scope (http://culturedcode.com) you can see the box created by each element on the page, and determine which ones are sized and which are not.
I have managed to achieve this before using a combination of centring the page (mentioned before) and the “Vertical align” action from Vertical Align Action - ActionsForge
Here’s an example I made quite some time ago for a Freeway competition apple :: computer
Thanks Gordon, but thats the method i used. Its flawed if you make the browser window smaller, as in smaller screen, you can no longer scroll up to see the top of the page.
I just found this though not sure how to get it in to freeway: