You can do more or less the same thing with CSS background-size:cover property and one large bg image.  See demo below for details:

http://alt-web.com/TEST/Resizable-BG.shtml

Nancy O.

Working in Design View alone is like trying to paint a picture with both hands tied behind your back and a wet paint brush clenched between your teeth.  Possible? Yes.  Great results? No. 

To get the most out of DW, you must be able to look at code (Split View)  and understand what you're seeing.  You actually have quite a bit of CSS in your page.  It's near the top between the <style> and </style> tags. 

Unfortunately, your liberal use of apDivs is making a mess of your layout.  CSS positioning isn't helping you & it's not required for any of this.  In fact, you'll get much better cross browser results if you don't use apDivs as a primary layout method.   Here's why:

http://apptools.com/examples/pagelayout101.php

Start here:

HTML & CSS Tutorials - http://w3schools.com/

From Design to CSS Layout:

Part 1 - Initial Design

http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt1.html

Part 2 - Markup preparation

http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt2.html

Part 3 - Layout and CSS

http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt3.html

Centering Pages, Images and other elements with CSS

http://cookbooks.adobe.com/post_Centering_web_pages_and_other_elements _with_CSS-16640.html

Good luck with your project,

Nancy O

I would do it like this (view source to see the code)

http://alt-web.com/TEST/Hatch/

Background Image:

http://alt-web.com/TEST/Hatch/HatchBackground.jpg

CD Image:

http://alt-web.com/TEST/Hatch/HatchCD.png

This is not rocket science but you must be able to work with code.

Nancy O.

Thank you so much for looking into this....

No problem.

... have always been a fan of a single page - no scrolling or links. 

Fine.  But if your page can't be viewed comfortably in all devices, what's the point?

When you see my page does the 'content' display in the middle ?

I'll let my browser screenshots answer this question.

Your layout in a desktop (1280px width) browser with increased text size.  Not pretty.

Your layout in a smaller viewport (iPhone width). 

Notice how your left & right images stack on top of each other? Content is way off to the right which requires potential customers to use both horizontal & vertical scrolling to find your "message."

In contrast to your layout, mine resizes to fit viewport width. People can see the "message" without having to scroll horizontally.  On the web, vertical scrolling is expected.  Horizontal scrolling is annoying.

I'll let you decide which approach is more web friendly.

Best of luck on your project!

Nancy O.

Alt-Web Design & Publishing

Web | Graphics | Print | Media  Specialists 

http://alt-web.com/