https://www.webmaster-forums.net/crss/node/1026998 en https://www.webmaster-forums.net/html-css-and-javascript/css-padding-different-question#comment-1161602 <p>Well I tried padding a nested div didn't work either. But you had the right idea about separating the background from the text, using two different divs. I did that and used absolute positioning to move it right 20px instead of via left padding. Viola. It worked great and it didn't screw up the right side of the page either. <img src="https://www.webmaster-forums.net/misc/smileys/smile.png" title="Smiling" alt="Smiling" class="smiley-content" /> Thanks.</p> Mon, 15 Nov 2004 16:21:59 +0000 fifeclub comment 1161602 at https://www.webmaster-forums.net https://www.webmaster-forums.net/html-css-and-javascript/css-padding-different-question#comment-1161558 <p>Those sound like some good, promising suggestions. I don't have time to test it right now but I'll post back when I get a chance. Thanks.</p> Sun, 14 Nov 2004 16:30:25 +0000 fifeclub comment 1161558 at https://www.webmaster-forums.net https://www.webmaster-forums.net/html-css-and-javascript/css-padding-different-question#comment-1161492 <p><a href="http://www.w3.org/TR/REC-CSS2/box.html#padding-properties" class="bb-url">Box model</a> (<a href="http://tantek.com/CSS/Examples/boxmodelhack.html" class="bb-url">hack</a>).</p> <p>Tantek's hack page probably explains it better. Padding and borders add to the total width of a box.</p> <p>In a relative layout, you could try using a relative padding-width and subtracting that from the main 100%.</p> <p>Probably a more realistic solution is to nest s. Set a margin for the inner that would be your padding.</p> <p>Not entirely sure. Try it and post back. <img src="https://www.webmaster-forums.net/misc/smileys/smile.png" title="Smiling" alt="Smiling" class="smiley-content" /></p> Sat, 13 Nov 2004 11:25:23 +0000 Abhishek Reddy comment 1161492 at https://www.webmaster-forums.net