Sizing an image as a the window sizes

I have a graphic at the top of our page which is just our logo in a bar
going across the screen where the color changes slowly from a lighter shad
to a darker shade like some of the Windows Themes. like this where the
small case x letters are the color transitions:

LOGOxxxxxxxxxxxxxxxxxxxxxxxxxxx
As the window size gets smaller, less of the logo and the bar show like
below.

LOGOxxxxxxxxxxxxxxxxxxxxxxxxxxx
LOGOxxxxxxxxxxxxxxxx
LOGOxxxxxxxx

My problem is that I have a table below the log that holds some content and
I have minimum widths set for the table columns because I want to keep it
legible even in a tight window. Now when a user shrinks the window so much
that they get the scroll bar on the bottom, the graphic at the top look odd
because it is leaving a bunch of white space in the right like so:

LOGOxxxxxxxx
----------------------------
| ???? | ??? ???? | ???? |
----------------------------

I want it so the logo never shrinks below the size that I have set up the
table below. How can I do that?

Kevin
Sat Dec 17 11:06:36 CST 2005

I'm afraid I don't know exactly what you mean by saying that the logo
shrinks. It sounded for the first part like you were saying that the image
didn't shrink at all, but that as the window became smaller, it extended
beyond the edge of the window, showing less of the image. But your last bit
left the impression that somehow it actually shrinks, so as to be smaller
than the width of the window at some point. Do you have a URL we can look
at? Failing that, can you post the HTML for your page? Also, can you explain
what is happening and what you want more fully?

--
HTH,

Kevin Spencer
Microsoft MVP
.Net Developer
You can lead a fish to a bicycle,
but it takes a very long time,
and the bicycle has to *want* to change.

"Jordan" <No_Junk@forme.com> wrote in message
news:ewrl8cyAGHA.2544@TK2MSFTNGP11.phx.gbl...
>
> I have a graphic at the top of our page which is just our logo in a bar
> going across the screen where the color changes slowly from a lighter shad
> to a darker shade like some of the Windows Themes. like this where the
> small case x letters are the color transitions:
>
> LOGOxxxxxxxxxxxxxxxxxxxxxxxxxxx
> As the window size gets smaller, less of the logo and the bar show like
> below.
>
> LOGOxxxxxxxxxxxxxxxxxxxxxxxxxxx
> LOGOxxxxxxxxxxxxxxxx
> LOGOxxxxxxxx
>
> My problem is that I have a table below the log that holds some content
> and I have minimum widths set for the table columns because I want to keep
> it legible even in a tight window. Now when a user shrinks the window so
> much that they get the scroll bar on the bottom, the graphic at the top
> look odd because it is leaving a bunch of white space in the right like
> so:
>
> LOGOxxxxxxxx
> ----------------------------
> | ???? | ??? ???? | ???? |
> ----------------------------
>
> I want it so the logo never shrinks below the size that I have set up the
> table below. How can I do that?
>
>
>

Rob
Sat Dec 17 12:09:17 CST 2005

Post the URL for more input from the group.



"Jordan" <No_Junk@forme.com> wrote in message
news:ewrl8cyAGHA.2544@TK2MSFTNGP11.phx.gbl...
|
| I have a graphic at the top of our page which is just our logo in a bar
| going across the screen where the color changes slowly from a lighter shad
| to a darker shade like some of the Windows Themes. like this where the
| small case x letters are the color transitions:
|
| LOGOxxxxxxxxxxxxxxxxxxxxxxxxxxx
| As the window size gets smaller, less of the logo and the bar show like
| below.
|
| LOGOxxxxxxxxxxxxxxxxxxxxxxxxxxx
| LOGOxxxxxxxxxxxxxxxx
| LOGOxxxxxxxx
|
| My problem is that I have a table below the log that holds some content
and
| I have minimum widths set for the table columns because I want to keep it
| legible even in a tight window. Now when a user shrinks the window so
much
| that they get the scroll bar on the bottom, the graphic at the top look
odd
| because it is leaving a bunch of white space in the right like so:
|
| LOGOxxxxxxxx
| ----------------------------
|| ???? | ??? ???? | ???? |
| ----------------------------
|
| I want it so the logo never shrinks below the size that I have set up the
| table below. How can I do that?
|
|
|

Bob
Sat Dec 17 14:14:06 CST 2005

Just a thought but....

Figure out the minim size that you want
Then in a photo editor make a transparent .gif that is only 1px high but the
width you need to keep things looking right...(say 780Px & name it spacer1
or something....) then insert that on the page and it will never get any
smaller--- BUT it will cause the bottom scroll bar if viewed in a smaller
viewport... Easy?

Hope this idea might help ;-/

Bob
"Jordan" <No_Junk@forme.com> wrote in message
news:ewrl8cyAGHA.2544@TK2MSFTNGP11.phx.gbl...
|
| I have a graphic at the top of our page which is just our logo in a bar
| going across the screen where the color changes slowly from a lighter shad
| to a darker shade like some of the Windows Themes. like this where the
| small case x letters are the color transitions:
|
| LOGOxxxxxxxxxxxxxxxxxxxxxxxxxxx
| As the window size gets smaller, less of the logo and the bar show like
| below.
|
| LOGOxxxxxxxxxxxxxxxxxxxxxxxxxxx
| LOGOxxxxxxxxxxxxxxxx
| LOGOxxxxxxxx
|
| My problem is that I have a table below the log that holds some content
and
| I have minimum widths set for the table columns because I want to keep it
| legible even in a tight window. Now when a user shrinks the window so
much
| that they get the scroll bar on the bottom, the graphic at the top look
odd
| because it is leaving a bunch of white space in the right like so:
|
| LOGOxxxxxxxx
| ----------------------------
|| ???? | ??? ???? | ???? |
| ----------------------------
|
| I want it so the logo never shrinks below the size that I have set up the
| table below. How can I do that?
|
|
|