[thelist] Body Background image

Sat May 16 17:11:00 CDT 2009

Martyn,

You won't be able to do this with the background-image CSS property.
If this is the page background, I'd suggest the following method:

<body>
  <img id="bg" src="the.png" alt="background image" />
  <div id="pageContent">
    …
  </div>
</body>

#bg {
  height: 100%;
  position: absolute;
  width: 100%;
}

#pageContent {
  position: relative;
  z-index: 1;
}

Regards,
Barney Carroll
Web designer & front-end developer

web: www.clickwork.net

mobile: +44 (0) 7594 506 381
home: +44 (0) 118 975 0020

twitter: @barneycarroll

2009/5/16 Martyn <Sales at medes.net>:
> Hi
>
> Is it possible to force a background image to stretch to screen?
>
> I have a linear gradient .png 1*1024 on repeat x, but obviously it stops
> at height (1024) I would like to have it sretch to the bottom of the
> page without resizing the png.
>
> Cheers
>
> Martyn
>
>
> --
>
> * * Please support the community that supports you.  * *
> http://evolt.org/help_support_evolt/
>
> For unsubscribe and other options, including the Tip Harvester
> and archives of thelist go to: http://lists.evolt.org
> Workers of the Web, evolt !
>