Stretching backgrounds vertically to accommodate text in CSS

[alexanderdring]

Hello all,

I am building a relatively straightforward site in XHTML/CSS however the background appears as a white label on which all of the content sits. So I have a thin shadow all the way around the content area (760px x 600px) and rounded corners. I'm keep the top and bottom areas of the label static (the corners), but I was wondering if anyone knew how to stretch or compress the central area, which will have a shadow on each side, without affecting the image quality. Maybe I could produce a very large image (on the vertical axis) and then clip it to fit the text? I would appreciate any help anyone could offer!

Thanks.

Alex.

 

[BillyRayPreachersSon]

I read the post, but I don't understand it. Perhaps a URL would help illustrate what you're tryinbg to describe?

Dan



[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[Foamcow]

You'll need to construct the "label" with multiple parts.

A top bit, a bottom bit and a bit in the middle that simply repeats vertically.

You'll then need to "hook" these into backgrounds of elements in your site.

You might attach the top graphic to a heading, the middle bit to a div, or paragraph and the bottom to a paragraph called "footer" or something.

You get the idea?

Foamcow Heavy Industries - Web design and ranting
Buy Languedoc wines in the UK