I just redid a site last night, and I came into some problems. I like want the text to be not so wide. WHen I add padding or margins, it messes up my background alignment. I just want the box thing to look solid.

Here's the link.

and by the way, it only works correctly on firefox or other browsers that support alpha-transparent .png's because I have not yet put in any IE hacks. THanks!!!


carter

Your #content is the same width as your #container - 550px and your text is sitting inside that 550px wide box. Because the background is applied to the #content box, you can't move it around (padding,margin etc.).

So, you will have to do 1 of 2 things.
Add a wide margin on your <p> inside of #content,

OR

Add another <div> inside of #content, make it narrow enough to fit inside the white area, and then adjust padding/margins as needed.

My preference would be #2.

thank you soooo much. I can't believe it was that simple. I feel stupid.

Naaah... once you've been doing it a while you figure out the 'tricks'