Making a layer *inside an element* unscroll-able?

[kit mccormick]

Hi there, newbie here.

I am working on a timeline application

I want all of the timeline content to be in one div. That div should have a background composed of alternating vertical lines, like you often see in timelines.

The timeline entries should scroll over the background, which is fixed. However, the background is fixed *within* the timeline div, NOT fixed relative to the whole page.

Is there a way to do this?

Failing that, is there a way to make the background (which is just colors, not images) automatically scale (vertically) to the size of their containing element?

I guess another way to say this is that I basically want a watermark, but inside a div, not a watermark for the entire page.

Thanks in advance for helping a newbie,
Chris

[edited by: Nick_W at 5:39 pm (utc) on Nov. 13, 2003]

[ronin]

Kit,

I'm not sure this is exactly what you mean but try adding this style to your div:

<div style="background: url(/mybackground.gif) #fff fixed;">

where /mybackground.gif is a gif image with the vertical lines.

Is that the sort of thing you're looking for (or does that just fix it to the page in the way that you don't want it to)?