color of background

[slater555]

how can i change the color of the background around my page but not change the color surrounding my items and sideboxes? I want my site to stay the same but when someone has a higher screen resolution and there is space on the left and right of my page I want to add a color to that space...


http://www.airtightsecurityplus.com/security_equipment

stylesheet
http://www.airtightsecurityplus.com/...tylesheet1.css

thanks

[RescoCCC]

body {
width: 1000px;
margin: 0;
font-family: arial,verdana, helvetica, sans-serif;
font-weight: normal;
font-size: 75%;
background-color: #ffffff;
}

[slater555]

my stylesheet is already set to that, I am trying to add a color to the outside of the webpage that is visible with a higher screen resolution but does not color the background of the page itself.

[gjh42]

You have done some strange editing that makes it impossible to control the page in the normal way.
You need to delete the
width: 1000px;
from the body {} rule so that the body can expand to fill larger monitors. Until you do that, no background-color will show.

You have somehow terminated the #mainWrapper div that is supposed to enclose your entire page after the header, and then enclosed the rest of the page in a series of five nested <font> tags. Delete those font tags and the </div> that prematurely closes your mainWrapper; then your #mainWrapper width setting of 960px will apply to the whole page.

How did you get those font tags there, anyway? And why?

<li><class="float-right"><font size="2" /><form name="quick_find"

Also, <li><class="float-right"> is invalid HTML. If you want to give a class to the <li>, do it like this: <li class="float-right">
Or if you are trying to float the form, apply CSS styling to that, not as a separate <class> tag floating in limbo...

[RescoCCC]

my stylesheet is already set to that, I am trying to add a color to the outside of the webpage that is visible with a higher screen resolution but does not color the background of the page itself.

I know it's already set to that. It's currently white, which is what ffffff is. I highlighted it in red to show you what to change.

[slater555]

I will work on those font tags, but if i change the #ffffff to a color then it fills in all the spaces between my products and around my boxes, I only want to add color to the space around my page. and my page looks all screwed up at higher screen resolutions if I make it to fit the page for higher screen resolutions.

[gjh42]

What is showing white is the HTML container of the entire window - the body is only 1000px wide and hidden by the contents, no matter the window width.

slater555, you are trying to make a lot of changes to your site without enough knowledge, and breaking a lot of things in the process, causing yourself and us a lot of wasted time. You need to go study CSS more before continuing your work. www.w3schools.com is a good place to start, or there are thousands of sites that will help you understand various aspects of CSS and HTML.
Read my post 4 in detail to see some of the things to fix. When the mainWrapper properly encloses the page, a background-color for it will take care of all of the contents.

[RescoCCC]

I will work on those font tags, but if i change the #ffffff to a color then it fills in all the spaces between my products and around my boxes, I only want to add color to the space around my page. and my page looks all screwed up at higher screen resolutions if I make it to fit the page for higher screen resolutions.

Read Glenn's post. He explained why that is happening. The middle part is handled by #mainWrapper. The part outside of that is handled by body.

[gjh42]

One thing that may clear up a lot of your problems is to delete all of the <font> tags you have added. There are at least two dozen between header and footer, all built incorrectly, and all completely unnecessary. You should not use <font> tags at all, as there are better, more modern ways of setting font characteristics.

[RescoCCC]

You can see an example of how it should work by looking at my site:

http://www.rescoccc.com

It is very similar in structure and layout to yours. In fact, yours looks like it started as the same template family - the Pure series from 12leaves.