a few issues

[pjgscrap]

Hello, my website is www.pjgscrapbookheaven.com and I am having the following issues:

1. How do I enable my website to resize depending on the individual's desktop resolution?

2. Where do I change the padding for the special, featured, etc. sideboxes on the right so that the boxes are without the breaks.

3. There is a small green bar near the footer with the Copyright and Powered by zen cart info that is left green from an old template I believe. How do I change the color of this bar?

[fairestcape]

Before you tackle any of these issues, may I suggest you clean up your DEFINE PAGES.

You are compiling these in MS Word (or similar, as they are coming into your site with embedded MSO styles).

... and you're importing this line:-

<link href="file:///C:UsersJOYCEG~1AppDataLocalTempmsohtml1�1clip_filelist.xml" rel="File-List" /><!--[if gte mso 9]><xml>

It's not advisable to use MS Word to compose your HTML - rather use a proper HTML editor - there are many free ones on the WWW.

[stevesh]

1. That's done with javascript - you could search hotscripts.com for 'screen resolution'. Personally, I think it's better to just set your site's width to 800px or so.

2. Not exactly sure what you want to accomplish. Do you want no space between the boxes?

3. Find this in your stylesheet and change the background-color:

#siteinfoLegal, .legalCopyright {
background-color: #63859D;
font-size:10px;
text-align: center;
padding: 3px;
}

I'd agree with fairestcape about MS Word, too. Not a good tool at all for coding websites.

[fairestcape]

1. That's done with javascript - you could search hotscripts.com for 'screen resolution'. Personally, I think it's better to just set your site's width to 800px or so.

Steve... what about setting the width of the mainWrapper to a percentage...?

100% would cover full width of screen, but perhaps 90% would give a nicer "edge" to the template?

#mainWrapper {
	width: 90%;
	}

[stevesh]

100% would cover full width of screen, but perhaps 90% would give a nicer "edge" to the template?

#mainWrapper {
	width: 90%;
	}

That might work better for pjgscrap if he/she wants a wider look.

The 100% thing makes sites on my 1280X1024 monitor look way too w - i - d - e, but it may just be that I've gotten used to what seems to be the standard these days. 65% looks about right to me.