justuptime.com - monitor your servers & websites

Quick Question: Background image stretch

You are viewing this site as a guest. Join our community to get your questions answered and share knowledge. Active members may advertise and ask for a website critique.
heebiejeebieclu's picture

He has: 524 posts

Joined: Aug 2004

Hi all: just a quick question today.

Say I have a CSS column 100px high and a gradient image 10px high, how do I make it so that the gradient image stretches down the 100px, instead of having the 10px gradient and the bottom 90px blank space?

Thanks,

heebie

heebie.co.uk has arrived. Don't get the heebie jeebies.

Te audire no possum. Musa sapientum fixa est in aure.
I cannot hear you. I have a banana in my ear

This site is best viewed using a web browser. Anyone trying to use a rhinoceros or elephant does so at their own risk

They have: 24 posts

Joined: Jun 2007

try to exclude this from external style sheet if you are using external style sheet

and put it in the html file
or try to put it in the header.
if still not working then put it inline.

They have: 32 posts

Joined: Apr 2007

heebiejeebieclu;221097 wrote: Hi all: just a quick question today.

Say I have a CSS column 100px high and a gradient image 10px high, how do I make it so that the gradient image stretches down the 100px, instead of having the 10px gradient and the bottom 90px blank space?

Thanks,

heebie

I don't think you can do that. Besides, the quality would be terrible. Just make the image 100 px.

He has: 301 posts

Joined: May 2007

I believe that Safari is the only browser currently able to resize background images. I suggest using a fade that's as high as you want (as already suggested) and fade it to the background-color of your box. That way, taller boxes should still look good.

Cordially, David
--
"Old web developers don't die, they degrade gracefully..."

He has: 301 posts

Joined: May 2007

Oops. Just after I posted, I remembered an article @ A List Apart about doing something like this. I does not look easy, but it may be what you are looking for:

Super Easy Blendy Backgrounds

Cordially, David
--
"Old web developers don't die, they degrade gracefully..."