willsherwood
asked on
CSS (decorative) scroll border on all 4 edges of a page area
we have a page that has the main content area (all of the page, but centered horizontally for the case that the browser window is larger than the content area (and a dull solid background color will show to either side of the main area).
For that main area, there's a decorative "scroll" type of border which we have as a raster image (4 images - top, two sides, bottom - all this strips).
(the client is in love with it and won't budge - it's a horrible scan, inherited, but that's beside the point).
I need to repeat the scroll borderon the vertical edges for as tall as the page is, but then when the bottom of the page comes, stop the repeating vertical image on the edges and put in the bottom horizontal scroll image.
How to accomplish this such that it renders reasonably cross-browsers.
thanks
For that main area, there's a decorative "scroll" type of border which we have as a raster image (4 images - top, two sides, bottom - all this strips).
(the client is in love with it and won't budge - it's a horrible scan, inherited, but that's beside the point).
I need to repeat the scroll borderon the vertical edges for as tall as the page is, but then when the bottom of the page comes, stop the repeating vertical image on the edges and put in the bottom horizontal scroll image.
How to accomplish this such that it renders reasonably cross-browsers.
thanks
screenshot????
ASKER
here's an in-progress mock-up, the bottom space is a marquis area which will be variable in height depending on announcements, sales, etc.
home-page-ad-C.pdf
home-page-ad-C.pdf
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
thanks! sounds straightforward