I am trying to figure out where, or what code I can edit to accomplish the following.
At the site http://www.oldpostbbq.com I am trying to get a white background within the main content area (The white bars with <H1> Tags are in the perfect spot, and are an example of the area I am trying to fill). I have ftp every style sheet, and edited main index code, and I can't figure it out. Any help would be appreciated. using Firebug you can see the code, and I can provide any CSS files needed. Thanks
This gave me a white background on the content section of the page, and made the transparent brown sidebar into a solid brown color, not sure if you want that but personally I think it looks better and gives more contrast to the sidebar elements.
This I had to change for several CSS rules, you should review your CSS code and merge redundant rules, make use of classes.
I would get rid of that transparent image, and use CSS to color the sidebar instead. If you do want the transparent solution you can apply some CSS code to get a transparent effect, but I would advise you to turn the opacity up a little.
I'd advise to refactor your code. Start with a sidebar and a content section (the whole right section). But assuming you won't refactor, this is what you can do as a quick fix:
/* I have not combined these three IDs because you already have them defined separately. Add background-color: white; to each ID. */
/* Change this to remove the 25px transparent gap between the footer and the white background of the content, just put padding: 0; */
padding: 25px 0 0;