Hi,
I've having problems vertically aligning 2 paragraphs and an image on
the bottom of a <div>. I can't get them to come off the top of the <div>.
Here's my HTML:
<div id="contentHome">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis eu
dui ac lectus accumsan semper. Cras in felis. Suspendisse posuere
turpis a est. Class aptent taciti sociosqu ad litora torquent per
conubia nostra, per inceptos hymenaeos. Sed lacinia elit et lorem.
Morbi facilisis leo in velit molestie aliquet. Maecenas pulvinar quam
non tellus. Curabitur ac turpis eget dui ullam corper hendrerit.
Maecenas neque. Nulla dignissim risus at orci aliquet.</p>
<div id="interior"></div>
<p>Cras in felis. Suspendisse posuere turpis a est. Class aptent
taciti sociosqu ad litora torquent per conubia nostra, per inceptos
hymenaeos.</p>
</div>
Here's my CSS:
p {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#fff;
font-size:11px;
padding-left:25px;
}
#interior {
width:224px;
height:168px;
background-image:url(images/interior.jpg);
background-repeat:no-repeat;
float:left;
margin-left:25px;
margin-right:25px;
}
#contentHome {
background-image:url(images/home_content_bkgd.jpg);
background-repeat:no-repeat;
width:590px;
height:451px;
float:right;
}
Any help will be greatly appreciated.. thanks!
Steve (sorry about the HTML layout above)
Steve Marshall
Editor - The Night Owl
[EMAIL PROTECTED]
<http:\\www.thenightowl.com>
-----------------------------------------------------------------
Member - National Music Critics Association
-----------------------------------------------------------------
The best place on the web for music reviews
______________________________________________________________________
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/
