Welcome to WebmasterWorld Guest from 18.104.22.168
Forum Moderators: not2easy
How can I make the edge of the div inline with the black border on the images above and have 5px of padding from it?
I already tried adding padding to the right side, it just seems to shift the whole page over?
[edited by: Woz at 3:40 am (utc) on April 15, 2003]
[edit reason] no URLs please. [/edit]
Well the 'width' property actually specifies the width of the content. The true width of the entire div will be..
'margin-left' + 'border-left-width' + 'padding-left' + 'width' + 'padding-right' + 'border-right-width' + 'margin-right'
Hope that helps
Use the formula I gave you to work out its proper size.
<img "yourpic.gif" width="200" height="10">
to get the right border of 'yourdiv' to appear in line with the right border of the image, and with a 35px left margin, you could use this..
margin: 5px 0 0 35px;
border: 1px solid red;
Becuase you want the left border to appear at 200pixels.
So you need..
35 + 1 + 5 + width + 5 + 1 = 200;