[Résolu] Mettre un bloc au fond d'un bloc

Bonjour à tous et meilleurs pour cette nouvelles année 2011,

voilà,

j'ai le bloc suivant :

	<div class="footer_essai01">
	
	<!-- <a href="condition-fr">conditions</a> | <a href="contact.htlm">contact</a> | <a href="lien.html">lien</a> -->
	
		<div class="footer_bloc01_essai01">
			<img class="img_footer_essai01" src="images/lien.png" alt="titre de mon image" /> <h1 style="font-size:5px;"> &nbsp </h1><a href="condition-fr">liens</a>
		</div>
		<div class="footer_bloc01_essai02">
			<img class="img_footer_essai02" src="images/cond_gen.png" alt="titre de mon image" /> <h1 style="font-size:5px;"> &nbsp </h1><a href="condition-fr">conditions</a>
		</div>
		<div class="footer_bloc01_essai02">
			<img class="img_footer_essai03" src="images/contact.png" alt="titre de mon image" /> <h1 style="font-size:5px;"> &nbsp </h1><a href="condition-fr">contact</a>
		</div>
		
	</div>

qui est contenu dans un plus gros bloc :

<div class=total">

</div>

Le css est le suivant :

.footer_essai01
{
width:1028px;
margin-bottom:5px;
/*text-align:center;*/
border:1px solid black;
/*border:none;*/
margin-left:5px;
height:50px;
background-image: url('../images/deg11.png');
background-repeat:repeat-x;
}




.total
{
width:1035px;
height:680px;
/*border:1px solid black;*/
/*border:none;*/
margin-left:8px;
background-color:#EEEEEE;
/*background-image: url('../images/body01.gif');
background-repeat:repeat-y;*/
}


/* ci dessous non interprété par IE */
html>body .total
{
height: auto;
/*min-height:880px;*/
min-height:680px;
overflow:hidden;
}

j'aimerais mettre le bloc footer_essai01 tout en bas du bloc total,
j'ai donc utilisé le margin-bottom pour le bloc footer_essai01 mais ça ne fonctionne pas, il ne veut pas se coller au fond...

Merci d'avance pour votre aide.
Modifié par samb01 (06 Jan 2011 - 23:01)

Bonjour,

Margin-bottom ne fera qu'ajouter 5px en bas du bloc.

Pour positionner un élément en bas d'un autre il faut placer le contenu en position:relative (ou absolute au besoin) et le contenu en position:absolute et utiliser bottom:0;

Bonjour,

Petite précision, je pense qu'une petite erreur s'est glissée dans l'explication de Laurie-Anne.

Laurie-Anne a écrit :
il faut placer le contenu en position:relative

c'est plutôt

a écrit :
il faut placer le conteneur en position:relative

merci.

Le fait de placer le conteneur en position relative, va-t'il y avoir des impacts sur mes autres blocs qui sont dans ce conteneur... Des dommages collatéraux quoi ...

Normalement non, mais comme on ne sait rien de ces blocs, difficile d'avoir une réponse plus franche.

Merci pour ton aide.