This fixes the background image and text position
As noted in the previous post, xhtml does not allow any design attributes applied to the body tag. I note that you do (at least now if not before) have a container tag. Move the background image you have in the body tag to the container tag and it shows up. I have not checked (actually tried them as I have this one) each of the other attributes in the body tag but I think all of them need to be moved.
Next, insert the code I recommended before into your css:
.p {
margin: 0px 140px 0px 140px;
padding: 0px 20px 0px 20px;
}
This fixes the text location problem. The explanation is as described in an earlier post. When you tried to use margin or padding before you were using numbers less than 140 no doubt so saw no results. You have to have a margin of 140 px just to get to the beginning of the center column. Then the padding is inside the margins. This is because of the div structure (which is ok) including the side columns within the center column and floating left and right rather than as distinct columns.
Again, being careful to get it right in the html and the css, I would change the class="p" to an id="maincolumn" or something like that. You might want to just insert the code above at first to see how it works. It does.
|