The centre ‘container’ has a bg image which is Horizontal:Center and Vertical:Top with a fill colour of white. The bg image will only appear in the top of the container while the rest will be white.
This has an undefined height as well so it will grow with enlarged text.
This is precisely how I would tackle this, and you can have a
background image, tiling or not, on nearly every HTML element on your
page. Paragraphs, even. Anything that declares itself a block-level
element. So DIV, P, UL, LI, DL, DD, DT, H1-6, etc. By using a little
imagination, you can create a set of background images that interact
with one another to create all sorts of cool effects, and won’t break
as your page enlarges for whatever reason.
The only thing to consider is if your page is ever going to be printed
out. Most browsers ship with “Print Backgrounds” turned off, probably
to save ink on all those cool-o black background pages on Geocities or
similar. Unless your users are savvy enough to find and change that
option (sadly, not all that likely) you are going to have to plan out
a stylesheet for print-only and give the page some structure so it
will not look completely lost on the printed page.
Walter
On Nov 13, 2010, at 12:52 AM, OmarKN wrote:
Well yes, I thought to have 3 bg (which is impossible?!)
(a)
1 bg for the whole page
(b)
1 bg for the container (is right now the header and a bit into the
two columns of the main area)
(c)
1 bg for the rest of the main area, so that a nice border (left &
right) can be designed - as in (b) and tiling downwards.