First site. 1 question.

[tengu]

Evening all,

I have an initial page design.

http://img177.imageshack.us/img177/3436/hostpo7.jpg

Sorry it's a bit small but it serves its purpose.

My question is, is it possible to set the bottom right bamboo image to move down realative to the text but set the bottom of the thumbnail table as an upper limit?

The reason is that I want to use the one layout for all pages iin the site and some pages may contain more text than others, making downward scrolling necessary. I want the bamboo image to always be in the bottom right of the screen regardless of page length.

I had thought to use padding for this but the way I understand it the padding between the text and the image table would end up interfering with each other.


For a first site I think I may have bitten off more than I can chew.

Thanks for looking guys

Tengu.

[chubbs]

use position: fixed

[ukgeoff]

Don't use position: fixed.

It's not cross-browser compatible enough.

There are two ways you could handle this. A div across the full width of the site which will be pushed down by the content above it and you can position the image at the right-hand side of that div.

An alternative would be to wrap a div around the rest of your page layout, load the image as a background image and set its position to bottom right. You could apply bottom padding to the outer div if you need it.

But if the text content is restricted to the centre section, then this could just come down to the bottom of the page as required.

[tengu]

Chubbs, Geoff

Thanks for the help guys, I like the sound of the full width div acting as a buffer.

I will give it a go. It may be a we while before the site is ready to go up, but once its is I will link to it so everyone can shred ("constructivly criticize") it.

Thanks again guys.

Tengu.