Hello,
I am trying to line up some text to the right bottom of a small photo. Here is
a link to my test page: http://168.156.9.250/WELA/board.aspx
I have two issues I can't figure out. First off my image is 70px tall, yet I
had to make the parent container in which it sits 78px to look as tall (I have
colored the background yellow so the parent container can be seen for this
example. What accounts for the 8px different?
Second, I can't get my text to align to the bottom of the container. The only
way I can force it down is to give a negative value to the bottom of the <p>
tag. Right now it is bottom:0px; As there is not padding-bottom on the
container I can't figure out why the text won't go to the bottom. Thanks for
any help.
div.boardcontainer {
height:77px;
position:relative;
padding-bottom:0;
margin-top:15px;
margin-bottom:25px;
background-color:Yellow;
}
div.boardcontainer img {
float:left;
margin-right:15px;
padding: 3px;
border: 1px solid #ccc;
background-color:#fff;
max-width:70px;height:auto; /* something in the css was not allowing IE9
to scale my images to the scale
specified in the <img> tag; I can't find it so I forced it here. */
}
div.boardcontainer p {
position:absolute;
bottom:0;
left:95px;
}
Angela French
Internet Specialist
State Board for Community and Technical Colleges
360-704-4316
[email protected]
http://www.checkoutacollege.com/
http://www.sbctc.edu
______________________________________________________________________
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/
