I have a 3-column website. The center (content) column has varied heights, depending on what is displayed on it. I wish to include a specific backgrounds throughout it (with repeating backgrounds along the middle) but I do not know how or where to even look (at least, where it would be cross-browser compatible from IE6+/FF2+). Ie: height of image: 50px (background 1) height of image: 100px (background 2) height of image: 100px (background 2 -- this section only has 20height, but is resized to 100) height of image: 50px (background 1) Basically, the idea is that the full background is repeated (at full height), regardless if only 100px or 20px is needed before hitting the last background/row. Any idea on how I would go about doing this?
Hmm.. It was pretty late lol.. Sorry. Lets say my center section is just a table in an overlay/z-level. The image I want to include as the background looks like a parchment. Its cut up into 3 major section. The top and bottom table rows are the beginning and end of the parchment (unique). The middle section includes a repeating 100px (height) background, both to allow for a seamless transition between middle rows and the top and bottom. I want to force the middle rows to 100px each regardless of how much height is required in that row. This is to ensure that the parchment looks and stays professional and seamless. The problem is, I dont know exactly what the height would be in the center section every time. So even if the height of the table itself is 275px high, I'd want to move it to 300px (50px, 100px, 100px, 50px) every time. 301px high? 400px (50px, 100px, 100px, 100px, 50px) So the idea is that I want the background to fully repeat, regardless of the height (so it doesnt get cut off)
I'm not sure if I got your point, however you might want to look for the repeat-x and repeat-y CSS background properties. I think that's what you needed.