Hello,

I am having some trouble trying to accomplish something with CSS.

If you look at this website: ungarbage.com, do you see the white area used for the text/content? The white area goes all the way to the end of the browser area. It isn't surrounded on all 4 sides by the pattern background, it is only touching the background on the top and the bottom. Every time I attempt to achieve this look, the content area ends up being entirely surrounded by the background. How can I achieve this correctly? Thanks a lot!

It might help if you can post how some of your attempts have turned out. That way will see how far from perfect it is.

You can always view the source code and the style sheet of ungarbage.com. According to that, the area you are talking about seems to be in the "header" div. This div has these attributes in the style sheet:div#header
{
position: relative;
margin: 0px;
padding: 0px;
}

However, there are divs within that div such as "stamp_border_top," "header_middle", and "stamp_border_bottom."

So, let's see what you have so far and see if you can it it the way you want it.

Thank you so much. You have found the missing ingredient!

I started off with one of the very useful templates from mitchbryson.com/free-css-templates - it is a great starting point! I added the three attributes that you showed to my container area. Thank you so much! Now I know to try and find the answer like this via the source code.

P.S. I would post the full code of the finished product, but I don't have the minimum amount of posts needed to use the various post tags.

No Problem. Glad you've got it working :)