Image positioning question

[Brian Rosenthal]

I want to build this page:
http://www.robocommerce.com

With the following requirements:
1. If the browser is small, I don't want the side borders to appear
(the shaded area outside the page itself)
2. As the user resizes the page, I want the images on the side to
show up, but from the inside out (ie, as the user expands the browser,
(s)he should see the innermost part of the graphic first).
3. I don't want to use frames (for obvious reasons)

The "first-pass" as I see it is to make a table with a fixed width to
the inner-most cell, and let the outer cells resize themselves as
appropriate (and make the images background images). The problem I see
with that is that I don't know how to lock the image along the left of
the cell containing hte page.

Anyway, I'd appreciate any advice anyone has.

Thanks,
Brian Rosenthal

[Steve Pugh]

go****@mybesthealth.com (Brian Rosenthal) wrote:

I want to build this page:
http://www.robocommerce.com
Oh well, I suppose you didn't see the design until it was too late to
advise the client against it. Happens a lot.
With the following requirements:
1. If the browser is small, I don't want the side borders to appear
(the shaded area outside the page itself)
Background image.
2. As the user resizes the page, I want the images on the side to
show up, but from the inside out (ie, as the user expands the browser,
(s)he should see the innermost part of the graphic first).
Center background image.
3. I don't want to use frames (for obvious reasons)
Fine.
The "first-pass" as I see it is to make a table with a fixed width to

Ugh. The fixed width part is bad enough but seems to be an fundamental
part of the design (one of the reasons why they should have let a web
specialist see it before it was signed off). But why bring tables into
it?

See http://steve.pugh.net/test/test82.html (note that I've only made
the background image 1600px wide in this case so at larger window
widths there will be white down both sides)
The horizontal bar is done as the centered background to an absolutely
positioned div.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>

[Brian Rosenthal]

Steve, you're my hero. Thanks a million!

--Brian

Steve Pugh <st***@pugh.net> wrote in message news:<jq********************************@4ax.com>. ..

go****@mybesthealth.com (Brian Rosenthal) wrote:

I want to build this page:
http://www.robocommerce.com

Oh well, I suppose you didn't see the design until it was too late to
advise the client against it. Happens a lot.

With the following requirements:
1. If the browser is small, I don't want the side borders to appear
(the shaded area outside the page itself)

Background image.

2. As the user resizes the page, I want the images on the side to
show up, but from the inside out (ie, as the user expands the browser,
(s)he should see the innermost part of the graphic first).

Center background image.

3. I don't want to use frames (for obvious reasons)

Fine.

The "first-pass" as I see it is to make a table with a fixed width to

Ugh. The fixed width part is bad enough but seems to be an fundamental
part of the design (one of the reasons why they should have let a web
specialist see it before it was signed off). But why bring tables into
it?

See http://steve.pugh.net/test/test82.html (note that I've only made
the background image 1600px wide in this case so at larger window
widths there will be white down both sides)
The horizontal bar is done as the centered background to an absolutely
positioned div.

Steve