i spliced my design in PH, now need some CSS help.

[clive3]

Hello, I created a design in Photoshop, spliced it and came up with the following images...
1. header
2. left bg
3. content
4. right bg

(I know I should have spliced the logo separately, but I didn't :))

Now being fairly new to CSS, I have a few basic questions and would appreciate some sample code if possible...

I get a little confused with the leftbg, content, and rightbg, here is the site with just the following code:



body {
font: 75%/160% Arial, Helvetica, sans-serif;
background: #f8f7e5 url(img/head.jpg) no-repeat center top;
color: #000000;
}


Site: www.hifipunk.com/test/index.htm (http://www.hifipunk.com/test/index.htm)

First, is it correct to use the body tag for my head image like I do above?

Second, how would I set up the bgleft/content/bgright to repeat down the page until content has ended, where my footer (not yet created) will take over? I am aware of repeat-y; but I need some guidance setting this up.

I was thinking about something like this:


#content {
background: url(img/content.jpg) repeat-y right top;
position: relative;
}
#left{
background: url(img/leftbg.jpg) repeat-y right top;
position: relative;
}


Etc...but I have a feeling this is the wrong approach. Also I have been noticing a lot of use in CSS with a 'wrapper' what is this and should I have one for this purpose?

Thanks for any response!

[om_shirish]

Hello,
I can solve your problem but, it will take time.

SHIRISH -
creativeart.shri@gmail.com
OmInfoSoft.com


Hello, I created a design in Photoshop, spliced it and came up with the following images...
1. header
2. left bg
3. content
4. right bg

(I know I should have spliced the logo separately, but I didn't :))

Now being fairly new to CSS, I have a few basic questions and would appreciate some sample code if possible...

I get a little confused with the leftbg, content, and rightbg, here is the site with just the following code:



body {
font: 75%/160% Arial, Helvetica, sans-serif;
background: #f8f7e5 url(img/head.jpg) no-repeat center top;
color: #000000;
}


Site: www.hifipunk.com/test/index.htm (http://www.hifipunk.com/test/index.htm)

First, is it correct to use the body tag for my head image like I do above?

Second, how would I set up the bgleft/content/bgright to repeat down the page until content has ended, where my footer (not yet created) will take over? I am aware of repeat-y; but I need some guidance setting this up.

I was thinking about something like this:


#content {
background: url(img/content.jpg) repeat-y right top;
position: relative;
}
#left{
background: url(img/leftbg.jpg) repeat-y right top;
position: relative;
}


Etc...but I have a feeling this is the wrong approach. Also I have been noticing a lot of use in CSS with a 'wrapper' what is this and should I have one for this purpose?

Thanks for any response!