[Pro] Creating a different coloured area at the bottom of page?

Hi guys

This may be a question I need to ask for a suggestion in Freeway, or something that I just don’t realise as I’m not massively up on web-design, but I’m wondering how you can get an item that stretches all the way across the web browser, no matter what the resolution etc, like the blue along the bottom of this website I just spotted (which, incidentally, was made in Freeway).

http://www.ineedwebhosting.co.uk/

Can someone help me out with a suggestion? Again, please excuse my naivety if this is something I should really know.

Thanks again
Steve.


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

Hi Steve

The blue band has a width of 100%. The page itself has the alignment
set to none.

To make the blue band appear as a footer is a little harder to
achieve, as you need to build the site with online divs to push the
content and the blue footer down.

David

On 28 Nov 2009, at 18:17, “Steve Wright”
email@hidden wrote:

Hi guys

This may be a question I need to ask for a suggestion in Freeway, or
something that I just don’t realise as I’m not massively up on web-
design, but I’m wondering how you can get an item that stretches all
the way across the web browser, no matter what the resolution etc,
like the blue along the bottom of this website I just spotted
(which, incidentally, was made in Freeway).

http://www.ineedwebhosting.co.uk/

Can someone help me out with a suggestion? Again, please excuse my
naivety if this is something I should really know.

Thanks again
Steve.


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

The example that you point to (author David Owen) I think uses a full width coloured footer - probably constructed with the box model method - enhanced by a background image to give shadow border between the footer and the white above.

Have a look for suggestions on making ‘Sticky Footers’ - that should point you in the right direction.

David


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

I’m wondering how you can get an item that stretches all the way
across the web browser, no matter what the resolution etc

A layered HTML box set to be 100% width OR set with its left and
right sides at 0px from the left and right sides (no active width
set). Note that this will only work if the page alignment is set to
None.

Or a background graphic (which is distinctly different from a graphic
box just sent to the back!) that tiles to fill across the browser
window.

For now, I recommend avoid designing something that needs a specific
footer. The so-called ‘box model’ (or in-flow) layout approach is a
bit of a pig to work with, here and - to an extent - in other apps
too. Wait a while 'til you’re comfortable with other tricks.

k


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

Hi Steve

I agree with Keith; the Box Model can be kind of wonky to work with if you’re just starting out. When the time comes, however, you can find a couple of very good tutorials on how to set one up at Dan Jasker’s blog:

http://danjasker.blogspot.com/2008/07/fw5-understanding-box-model.html

Derek


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