Backgrund images alignment...

[oeconom]

Hi folks,

I want do do the following:
Having a graphic aligned to the bottom the screen (like a carpet) horizontally spread to the whole widht. If the phpwcms content vertically doesn't reach to the end of the screen, the graphic should anyhow be aligned to the bottom.

Can anyone help me to realize this?!

Thanks for your suggestions,
best wishes,
FELIX

[Jensensen]

Hi Felix,

{one of the few BWLer on board, oder wie???)

try

#box_x {
background: #123 url(../picture/MyBground123.jpg) no-repeat bottom left;
}

OR¿¿

body {
background: url(../picture/bg/MyBodyBG.png) 50% 0px no-repeat;
}
--> visible centered 'behind' your page --> body

body {
background: url(../picture/bg/MyBodyBG.png) 50% bottom no-repeat;
}
--> visible centered 'behind' your page BOTTOM

while
html, body {height: 101%;}



greetz from dipl oec

[oeconom]

from dipl.-oec. to dipl.-oec.
thakns jensensen for your hint!

Is it also somehow possible to have two different background graphics (both x-repeated)?
One aligned top, the other aligned bottom?

Thanks and best wishes,
FELIX

[Jensensen]

Hi felix,

(ja guck an, Bochum oder Augsburg...??)

Well, I've to admit, that more than one time I wished for the same solution but, NO!

Otherwise and as many times before, it will work with CSS:


The keyword is "wrapper".

Set up first DIV with bg-graphic e.g. top left AND wrap around a second DIV with bg-graphic e.g. bottom right.

Greetz
Jensensen