[John Good]

Hello,
The design is the attached image.
I need to bring the author paragraph at the bottom, and I can't figure how...

here is the HTML

<div class="project">
	<div class="projectContent">
		<img class="floatLeft" src="http://www.designerstalk.com/forums/images/imageBloc.gif" alt="" />
		<p class="details">lorem ipsum dolor sin amet<br />lorem ipsum dolor sin amet<br />lorem ipsum dolor</p>
		<p class="author">lorem Ipsum</p>
	</div>
	<div class="clearfix">
</div>

projectContent is set to height: 225 (height of the image)


everything is ok, just this author p sucks.

help !

[stickmus]

position:relative on the projectContent then absolutely position author bottom:0

[djeglin]

Yep. Slightly different problem, but same solution as I posted a few hours ago... Tisk tisk... An older member that doesnt religiously keep up on every new post on the board? You do surprise me lol :P

[John Good]

Originally Posted by stickmus

position:relative on the projectContent then absolutely position author bottom:0

f***, it works !
I don't understand the logic in all that.

In my screwed mind, it should be

.author{
position: relative; /*relative to his parent*/
bottom: 0px;
}


thanks anyway, it works now...

[stickmus]

One of the things position:relative does is say 'any absolutely positioned content in me gets positioned relative to me'.

[John Good]

Obviously...
I've been searching to fix the same thing once or twice, but I never seem to be able to remember it.

thanks.