CSS Padding

[sgoldmn]

I have a box thats 400px wide. There needs to be 30px padding for the text within that box but there is also a 400px wide image within the box. How can I make the padding not affect the image? Right now it is pushing the image out 30px

[JAB Creations]

You don't want padding, you want margin and you don't want it on the parent you want it on the child. This is a traditional CSS level 1 problem that a lot of people have trouble with.

Padding and margin have different effects on elements. Add the margin to the image, remember it can be negative (on either side) and thus not add to the total width of the parent element.

For a more insightful answer you'd want to reply with the relevant HTML (not the whole page) and CSS.

[zcorpan]

Quick fix would be a -30px left margin on the image.

[ManyMM]

Negative margin values aren't always a good thing. E.g. Inline-styled HTML pages that are created for on-line web auction templates and some content management systems templates quite often ignore negative margins while going through parsing.

[JAB Creations]

some content management systems templates quite often ignore negative margins while going through parsing.

You're talking about poor web software not browsers, that doesn't apply to any situation except for someone who needs to stop using such software.

[ManyMM]

IE is also "poor" software and you still have to make everything up and going for IE.