Hello,
On my page:
http://www.draftingservices.com/paper_to_cad.html
1.-The image is placed inside:
/* ===== width=420+2border+10padding=432 ===== */
.textBoxLeft
{
width: 420px;
float: left;
margin: 0 0 10px 0;
padding: 5px;
border: 1px solid #000;
background: #fff;
font-size: x-small;
}
2.-The div that it is within is:
/* ===== width=420+0border+10padding=430 ===== */
#contentMiddle {
float: left;
margin: 0;
padding: 10px 10px 10px 0;
width: 420px;
}
3.-The image size is: 420px by 170px.
4.-And lastly, the html is:
<div class="textBoxLeft">
<img src="images/paper_to_cad.jpg" alt="A paper to cad result." width="420"
height="170"/>
<br/>
The CAD result of a paper to cad project.
</div>
My question is: So, why does the image with the box that it sits in seem to be
within the div? Shouldn't my CSS or HTML fail to validate, because of an
overflow problem?
Sincerely,
Brian
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
