I am nearly done with my website. However when I go to preview it I have a load of extra space at the bottom of the screen. I have adjusted the page size to fit. I have made the html text box fit according to the size of the screen. It looks how it should on the working page but when I go to preview it in the browser or hit the preview button, there is a large amount of extra space at the bottom of the screen.
I have made a html box as the page and have added a border to it. I have then put extra html boxes to add text and layered them on top of the html box that looks like the page.
What happens to your layout when you enlarge the text in the browser?
Does the space fill up? Does the text run out of the box?
Walter
On Feb 6, 2011, at 2:02 PM, Chappy wrote:
Hi
I am nearly done with my website. However when I go to preview it I
have a load of extra space at the bottom of the screen. I have
adjusted the page size to fit. I have made the html text box fit
according to the size of the screen. It looks how it should on the
working page but when I go to preview it in the browser or hit the
preview button, there is a large amount of extra space at the bottom
of the screen.
I have made a html box as the page and have added a border to it. I
have then put extra html boxes to add text and layered them on top
of the html box that looks like the page.
Okay. If you have Freeway 5.5, then apply the RPL Action to your page,
and see what happens then.
If you don’t, then you can try creating an inline layout, by cutting
the inner elements out of the page, double-clicking into your “page”
element HTML box so you see a text cursor, and pasting them as inline
elements. Set the page element to undefined height, so it can flex
vertically, and use padding on the outer page element and margin and
float on the newly-inline contents to give them the layout you want.
It’s a bit of work to take an absolutely-positioned layout and convert
it into an inline layout, but the benefit for that effort is a layout
that won’t break on various browsers and which flexes to fit its
contents.
Walter
On Feb 6, 2011, at 2:18 PM, Chappy wrote:
I made the font bigger and the text ran out of the box.
Hi Walt. I have Pro version. I applied the RPL action and I had even more space at the bottom of the screen. Also other things then moved around and some things disappeared. This was with the html box with text in it floating on top of the html page.
I then tried the other version with putting it inline. I dont quite get your instructions. What version is the best to do?
What do you mean by the page element and the outer page element?
If you’ve designed the “floating” page (I got that impression from your initial post) where there’s a block of color separate from the browser background, then I am referring to that block of color when I say outer page.
Do try to get the hang if the online layout. Dan Jasker has some screencasts about this. (He refers to these as box model layouts.) Once you wrap your head around how they work, you’ll never want to work another way. RPL attempts to automate the creation of inline layouts, but it has its own quirks to contend with, and understanding how to build such a page long-hand will help you get the most out of the Action.