Generic Template

[lepracaun]

I am busy customising a design based on the generic template, all is going well it is just the 'content' section that I need to get help with.



I need my text to stay within the green border i drew, the css for that section is

Code: [Select]

#content{
float:left;
width:735px;
background-image:url(body.jpg);
padding:10px 0 0 65px;
}
if is make my padding on the right more, it pull the whole design out of portion.

Can anybody help with this please, just need to get the text on the right side to stop where the green border is.

[Bramus]

what if you change the width?

[lepracaun]

I tried that, but if i increase the width, it also moves the background image the same amount out, and doesn't fit in with the rest of the website layout

[Bramus]

you could make a different content for the background and 1 for the real content, or check the widths in the css guess theres something wrong, not that good in css, but it is something wrong in your css.

[hrioo]

Try adjusting the width of your #content. For example you have your width set as 735px, so if you want 15px padding in each side make its width 705px.

Another easy way is to put your text in another div for example #content_inner and specify width by percent and specify margins for it.

[lepracaun]

Another easy way is to put your text in another div for example #content_inner and specify width by percent and specify margins for it.

This worked great, thank you