Trivial question

How can I force some space after the last element on the page to creat some
“air”, currently I’m helping a friend to put together this site:

http://pgt7.com/alanhughes/

I’ve always fudged it by putting the main content in a table to creating
“white” space!

Best wishes Peter

================================
Peter Tucker, Oxford UK email@hidden


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Peter,

Place an ‘empty’ html item under the last item and that should then
determine the end of the page.

HTH

On Feb 6, 2011, at 6:10 PM, Peter Tucker wrote:

How can I force some space after the last element on the page to
creat some
“air”, currently I’m helping a friend to put together this site:

http://pgt7.com/alanhughes/

I’ve always fudged it by putting the main content in a table to
creating
“white” space!

Best wishes Peter

================================
Peter Tucker, Oxford UK email@hidden


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I agree with Mike B. Typically these are 30-35px in height to give it enough space.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

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.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

You can use CSS for this, but the selector it uses might not work on
all browsers, particularly IE.

#theIdOfYourTallestBox p:last-child

Make this style in the New Style dialog, following the instructions
for a tag-only style: http://www.actionsforge.com/articles/view/9-tag-only-styles

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.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
List Options | FreewayTalk


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On Feb 6, 2011, at 11:23 AM, Peter Tucker wrote:

it’s just this friend asked for a more elegant way.

Now, that’s interesting.

Richard

Richard Houston
Architectural Art
http://www.richardhoustonart.com


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

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;

  1. Choose Edit/ Styles…
  2. Hit the plus button to create a new style
  3. In the tag field enter #PageDiv or body
  4. Leave the name field empty
  5. Press the Extended button and enter;
    name: padding-bottom
    value: 35px (or whatever value you want to use)
  6. 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.

FreewayActions.com - Freeware and commercial actions for Freeway Express & Pro.

Protect your mailto links from being harvested by spambots with Anti Spam.
Only available at FreewayActions.com

http://www.freewayactions.com


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I tried that first, but it doesn’t work for absolute positioned layouts. It will work for table or online layouts though.

Walter


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Online == inline.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

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.

  1. Choose Edit/ Styles…
  2. Hit the plus button to create a new style
  3. In the tag field enter #PageDiv
  4. Leave the name field empty
  5. Press the Extended button and enter;
    name: min-height
    value: 800px !important (or whatever value you want to use)
  6. 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.

FreewayActions.com - Freeware and commercial actions for Freeway Express & Pro.

Protect your mailto links from being harvested by spambots with Anti Spam.
Only available at FreewayActions.com

http://www.freewayactions.com


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options