Msg#: 4424823 posted 10:40 pm on Mar 4, 2012 (gmt 0)
Hiya fellas, a bit confused on this one! The left padding on my content div is working fine but when I try to set the padding-right nothing changes, my text still is flush with the right edge of my container. In fact, the text extends a hair beyond the edge. Any ideas? If I can provide better info plz lemme know.
<h3>Example ANALYSIS</h2> <p>example text example text example text example text example text example text example text example text example text example text example text example text example text example text.</p> etc.........
[edited by: alt131 at 11:01 pm (utc) on Mar 4, 2012] [edit reason] Examplifying [/edit]
Msg#: 4424823 posted 2:53 am on Mar 5, 2012 (gmt 0)
... right off the bat - your background image has the same padding so it won't extend past the end of the text. If you use an outline tool does it show that the container actually ends 30 px past your content? If you don't use tools for outlining, try adding a border to the div to see if that is the problem?
[edited by: alt131 at 11:21 am (utc) on Mar 6, 2012] [edit reason] Thread Tidy [/edit]
Msg#: 4424823 posted 3:19 am on Mar 5, 2012 (gmt 0)
not2easy, thanks for that tip! I hadn't thought of setting a border to see where the div ends. If nothing else this is certainly helping me troubleshoot the issue.
I can at least see what the div is doing when I set the padding. When I set a padding it seems to increase the width of the div automatically for some reason instead of leaving it fixed at 800px like I set it in the css.
The picture is at the very top of the page. The innermost box is the size you've set for your element. Everything else-- padding, border, margin-- goes outside. This is nasty and counter-intuitive, but it explains much.
I guess it makes sense if you think of the object as a person. When you put on more clothes, you don't get skinnier to compensate. The clothes make you fatter.