Thanks for your suggestions that’s what I’ve been doing for ages it’s just this friend asked for a more elegant way. But no worries I’ll just pass this on ;~}}
Cheers P
Peter Tucker, Oxford UK - but mobile somewhere
On 6 Feb 2011, at 17:52, Dan J email@hidden wrote:
I agree with Mike B. Typically these are 30-35px in height to give it enough space.
You can get the ID of the tallest box by single-clicking it in
Freeway, and looking in the Title field in the left-most tab of the
Inspector. This is case-sensitive, and the leading # that you type in
the Tag field of the Edit Style dialog makes the style rule attach
only to the box with that ID.
The :last-child pseudo-selector is supported by all modern browsers;
it’s a part of CSS 2.3 I think. IE, except maybe IE 9, will probably
ignore it.
Walter
On Feb 6, 2011, at 2:23 PM, Peter Tucker wrote:
Thanks for your suggestions that’s what I’ve been doing for ages
it’s just this friend asked for a more elegant way. But no worries
I’ll just pass this on ;~}}
Cheers P
Peter Tucker, Oxford UK - but mobile somewhere
On 6 Feb 2011, at 17:52, Dan J email@hidden wrote:
I agree with Mike B. Typically these are 30-35px in height to give
it enough space.
I would agree that you should use CSS but I’d suggest you simply extend either the body element or the standard PageDiv layer (that Freeway creates for all but HTML 3.2 pages).
Try this;
Choose Edit/ Styles…
Hit the plus button to create a new style
In the tag field enter #PageDiv or body
Leave the name field empty
Press the Extended button and enter;
name: padding-bottom
value: 35px (or whatever value you want to use)
Press OK and OK to get back to your document
Now when you preview your page the last item on the page should be 35px or whatever value you used) away from the bottom of the browser edge.
This should be supported in all browsers that support CSS.
Regards,
Tim.
On 6 Feb 2011, at 19:37, Walter Lee Davis wrote:
You can use CSS for this, but the selector it uses might not work on all browsers, particularly IE.
Another option would be to reset the default 100% min-height of the PageDiv with a fixed pixel height that allows for the extra space at the foot of the page.
Choose Edit/ Styles…
Hit the plus button to create a new style
In the tag field enter #PageDiv
Leave the name field empty
Press the Extended button and enter;
name: min-height
value: 800px !important (or whatever value you want to use)
Press OK and OK to get back to your document
The !important is, well, important as it will overwrite the inline style defined in the div itself.
IE 6 will dutifully ignore min-height but I’m almost past caring with this bad boy!
Regards,
Tim.
On 6 Feb 2011, at 21:16, waltd wrote:
I tried that first, but it doesn’t work for absolute positioned layouts. It will work for table or online layouts though.