Stretchy Images

My management want a Microsoft style home page but with a fluid percentage
driven layout, which has a big image(s) where the content normally goes.
What is the best way of stretching that image so it fits neatly in different
browser sizes. I don't want to go down the javascript browser detection
route as we are aiming for WSC accessiblity (at a minimum the lowest
priority) and one of the guideline asks for the site to work without
javascript.

Is there a stretchy fluid css solution in which the image will not pixelate.
I assume scaling down a big image will work better.

Regards, Chris

The trick is to build a stack of divs. The first is big and empty, other
than the second div. The second is the actual size of your image, positioned
right where you want your image to be, and it's overflow must be set to
hidden. Then, with everything centered, put in your image, only make it
bigger than it's container, but still keep it centered, and set only the
height of the image, and not the width. This has the effect of cropping the
image, so you lose a bit at the edges, but your aspects stay where they are
supposed to. My appologies if I have misuderstood and given you useless
information.

Best of luck,
sTony

"Chris" <nospam@btinternet.com> wrote in message
news:vamdnQEaDOTpSsjYRVnyjQ@bt.com...
> My management want a Microsoft style home page but with a fluid percentage
> driven layout, which has a big image(s) where the content normally goes.
> What is the best way of stretching that image so it fits neatly in
different
> browser sizes. I don't want to go down the javascript browser detection
> route as we are aiming for WSC accessiblity (at a minimum the lowest
> priority) and one of the guideline asks for the site to work without
> javascript.
>
> Is there a stretchy fluid css solution in which the image will not
pixelate.
> I assume scaling down a big image will work better.
>
> Regards, Chris
>
>