Problème de positionnement des div

Bonsoir,

J'aimerais créer mon site internet pour y présenter mes travaux d'art, graphisme... Je l'ai déjà commencé.
J'aimerais qu'il se structure de la façon suivante : que le projet le plus récent apparaisse au début et le plus ancien en fin de site. Avec la possibilité de l'actualiser c'est-à-dire d'y inclure les futurs travaux sous le même principe que je viens d'énoncer.

J'ai donc essayer de commencer mon site "à l'envers", en commençant par la fin et en remontant vers le plus récent, seulement le contenu récent s'ajoute au dessus de l'ancien sans que l'ancien descende vers le bas... Je pense que c'est un problème de positionnement et je ne trouve pas la solution.

Avez vous une réponse ou même une alternative car là je m'arrache les cheveux !

Merci




Je vous joins le code :


<!-- CONTENT -->
<div id="content">


<div class="ville">
<div id="ville1"> <img src="images/laville/ville.jpg" /></div>
</div>


<div class="ophelie">
<div id="ophelie1"> <img src="images/ophelie/ophelie.png" /></div>
<div id="ophelie2"> <img src="images/ophelie/bandeophelie.png" /></div>
<div id="ophelie3"> <img src="images/ophelie/ophelietransformation.gif" /></div>

<div id="textophelie"><span class="styletxt">Ophélie</span>
<br>
Tryptique réalisé dans le cours d'Albertine
<br>
Zullo & Helge Reumann. Feutre. 30 x 20 cm.
<br>
Ophélie est une personne comme les
<br>
autre, elle a son propre caractère et ses
<br>
propres expressions. Pourtant, Ophélie
<br>
</div>

</div>


</div>
<!--FIN CONTENT -->



Et la CSS


#content{
margin-left: 40px;
margin-top: 180px;
position: absolute;
z-index: 1;
}


.ville {
float:none;
margin-bottom: 20px;
margin-right: 10px;
}

#ville1{
left: 90px;
position: absolute;

}



.ophelie {
float: left;
margin-bottom: 20px;
margin-right: 10px;
}


#ophelie1{
left: 90px;
position: absolute;

}

#ophelie2{
left: 580px;
position: absolute;
top: 300px;
}

#ophelie3{
left:890px;
position: absolute;

}

#textophelie {
height: 120px;
left: 580px;
position: absolute;
top:80px;
width: 280px;
}


.styletxt {
font-family:"Source sans pro";
font-size: 15px;
font-style: italic;
}