[Pro] Align a div to the bottom of it's container

Hi guys,

Not sure how this can be done, it may need some extended coding to help it out.

Please look at this page:
http://www.sj-creative.co.uk/beta/

You will see a green line at the bottom of the page with the words “Footer div here” below it.

The green line and the text below are both in a

called footer, which is in a
called bodytext, which the main text is set it.

What I want to do is make the ‘footer’

always sit at the very bottom of the ‘bodytext’
, not just under the text that is there.

This way, when there is not a lot of text on the page, the footer will always sit on a specified part of the page (the bottom of the bodytext div), but when a page has more text and the container flows down the page, the footer will always be below it.

I hope all of that makes sense? If not, then I will try and clarify :slight_smile:

Thanks in advance.

Simon


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

On 15 Jun 2009, at 21:57, SJ-Creative wrote:

What I want to do is make the ‘footer’

always sit at the very
bottom of the ‘bodytext’
, not just under the text that is there.

This way, when there is not a lot of text on the page, the footer
will always sit on a specified part of the page (the bottom of the
bodytext div), but when a page has more text and the container flows
down the page, the footer will always be below it.

Dear Simon

The normal thing to do here is to use the “box-model” method, which I
am sure other people will explain. Alternatively try my method,
explained at http://www.spurdance.co.uk/freeway/footer.html . It’s a
rather convoluted method, but when you have set it up, it works
reasonably well. My method has the advantage that you can change the
text of the footer at a later date, from the Master Page.

BTW your site looks much better than mine does. :slight_smile:

Regards

Graham Smith
Bury St Edmunds, UK


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

Thanks Graham,

I’ll give that a go and see how I get on.

Simon


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

Simon,

If you want to create a footer to stretch to a full width of a
browser, then you will need to build a box model site like here http://www.ineedwebhosting.co.uk

If want the footer to be as wide as your footer div, then as long as
your footer information is placed inline into your footer div, then it
will move downwards with added page content (i.e. the function is
already there in your page).

David

On 15 Jun 2009, at 21:57, SJ-Creative wrote:

Hi guys,

Not sure how this can be done, it may need some extended coding to
help it out.

Please look at this page:
http://www.sj-creative.co.uk/beta/

You will see a green line at the bottom of the page with the words
“Footer div here” below it.

The green line and the text below are both in a

called footer,
which is in a
called bodytext, which the main text is set it.

What I want to do is make the ‘footer’

always sit at the very
bottom of the ‘bodytext’
, not just under the text that is there.

This way, when there is not a lot of text on the page, the footer
will always sit on a specified part of the page (the bottom of the
bodytext div), but when a page has more text and the container flows
down the page, the footer will always be below it.

I hope all of that makes sense? If not, then I will try and
clarify :slight_smile:

Thanks in advance.

Simon


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