Positioning Stretchy Background Picture between Stretchy Header and Footer

bodieq · 12-30-2009, 03:43 AM

Hello all,

I am a new user to Dreamweaver CS4, and I am building and learning at the same time. I have a help request for you veteran users who could probably solve this in a snap.

Basically, I have made an elastic site with a header and footer that span the top and bottom of the page. They are wonderfully resizable.

What I would like to do is place an image to fill up the negative space in the center and act as a stretchy background graphic. That way they all resize proportionally. I do not want the background graphic to slide underneath the header and footer, rather, I would like for it to right up to the very edge of each and stop, yet fill the space.

If you would like to see my progress, this is the structure with the header and footer and nothing between them, and there are no scrollbars. You can also see a temp of the background image I would like to fill and stretch (http://demo.elonite.com)

Here is what it looks like when I put a background graphic in the center.(http://demo.elonite.com/index1.html). Though the background is in there, it slides under the footer, and I can't get the dang scrollbars to go away. Plus if you make the window smaller, the bottom bar disappears! Frustrating.

I want to use the first one, but have the image fill the area.

Any help is greatly appreciated!

(I am not at my normal computer, and thus, can't post code, but I would be glad to provide it when I get back home!)

Thanks

edbr · 12-30-2009, 03:49 AM

http://demo.elonite.com/index1.html
is missing an opening <body> tag and a closing </div> tag

bodieq · 12-30-2009, 04:53 AM

Like I said, I am a newbie. I really appreciate the help. I knew it would be something simple.

Thanks

12-30-2009, 03:43 AM	#1
bodieq Join Date: Dec 2009 Posts: 2	Positioning Stretchy Background Picture between Stretchy Header and Footer Hello all, I am a new user to Dreamweaver CS4, and I am building and learning at the same time. I have a help request for you veteran users who could probably solve this in a snap. Basically, I have made an elastic site with a header and footer that span the top and bottom of the page. They are wonderfully resizable. What I would like to do is place an image to fill up the negative space in the center and act as a stretchy background graphic. That way they all resize proportionally. I do not want the background graphic to slide underneath the header and footer, rather, I would like for it to right up to the very edge of each and stop, yet fill the space. If you would like to see my progress, this is the structure with the header and footer and nothing between them, and there are no scrollbars. You can also see a temp of the background image I would like to fill and stretch (http://demo.elonite.com) Here is what it looks like when I put a background graphic in the center.(http://demo.elonite.com/index1.html). Though the background is in there, it slides under the footer, and I can't get the dang scrollbars to go away. Plus if you make the window smaller, the bottom bar disappears! Frustrating. I want to use the first one, but have the image fill the area. Any help is greatly appreciated! (I am not at my normal computer, and thus, can't post code, but I would be glad to provide it when I get back home!) Thanks

12-30-2009, 03:49 AM	#2
edbr Join Date: Aug 2005 Location: Bali Posts: 11,216	http://demo.elonite.com/index1.html is missing an opening <body> tag and a closing </div> tag __________________ If you're happy and you know it shake your meds! different style links examples Flight / Hotel search Free script download Bali Villas

12-30-2009, 04:53 AM	#3
bodieq Join Date: Dec 2009 Posts: 2	Thanks!! Like I said, I am a newbie. I really appreciate the help. I knew it would be something simple. Thanks

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode