Site Header - Div Help Needed

[PWS]

I am trying to create a site header that consists of three images,
which should be displayed side by side. I want the header to be across
the entire width of the browser window, whatever the width.

To achieve this I the two outer Divs must be fixed at 150px wide, and
I have background images this width. The image for the middle div,
must grow or shrink as required, but must be centered.

Can anyone send me some CSS that achieves what I require.

Many thanks,

PWS

[Krzysztof Maczy ski]

PWS,

You're referring to the images as background images. If that's what
they are - i.e. stylistic ornaments - then I'm afraid CSS is of little
help, as it doesn't provide for scaling background images. (In CSS 3
there's going to be property called background-stretch for this
purpose.) All I can advise is to make the intrinsic width of your
image variable (possible with some vector graphics formats, maybe
SVG?) and rely on browser communicating the dimensions of the middle
div to the image.

[PWS]

On Jul 21, 10:13 pm, Krzysztof Maczy ski <[e-mail]:

PWS,

You're referring to the images as background images. If that's what
they are - i.e. stylistic ornaments - then I'm afraid CSS is of little
help, as it doesn't provide for scaling background images. (In CSS 3
there's going to be property called background-stretch for this
purpose.) All I can advise is to make the intrinsic width of your
image variable (possible with some vector graphics formats, maybe
SVG?) and rely on browser communicating the dimensions of the middle
div to the image.

No idea what you are suggesting, but I do thank you for taking the
time to reply.

I have understood that what I wanted to do cannot be done.

Many thanks,

PWS

[Beauregard T. Shagnasty]

PWS wrote:

I am trying to create a site header that consists of three images,
which should be displayed side by side. I want the header to be
across the entire width of the browser window, whatever the width.

To achieve this I the two outer Divs must be fixed at 150px wide, and
I have background images this width. The image for the middle div,
must grow or shrink as required, but must be centered.

Can anyone send me some CSS that achieves what I require.

Are you looking for something like this? Notice that the left and right
images are contained within floated <spanrather than <div>, but that
the whole banner is wrapped in (one) <div>.

http://k75s.home.att.net/banner.html

--
-bts
-Motorcycles defy gravity; cars just suck