Float et positionnement bottom

Bonjour,

J'ai deux grandes bannières que je souhaite mettre côte à côte.
Avec les petites résolutions (800x600) les deux bannières se chevauchent.

Donc j'ai mis une bannière en float right et l'autre en left, ainsi si la fenêtre est trop petite pour contenir les deux images côte à côte, elles glissent l'une sous l'autre.

Pour le moment ça me convient.
J'ai encadré ces deux bannière par un div, suivi d'un 'clear:both', et je souhaiterais positionner une des deux images par rapport au bas de ce div (du genre bottom:2px).

J'ai l'impression que les floats se positionnent toujours en haut du conteneur, le seul moyen de la placer est avec un margin-top, mais dans ce cas lorsque les deux images glissent l'une sous l'autre, l'espace entre les deux images est trop grand.

Avez-vous un moyen pour résoudre ce problème: positionner un float par rapport au div dans lequel il est contenu ?
J'espère que ma descritpion est assez clair.

Merci.

Bonjour,
Tu peux positionner une image en bottom soit avec la propriété position:absolute (pas forcément très simple si tu as commencé ton positionnement en float) ou bien, en float, mais en mettant ton image en background dans tes div gauche et droite.

/*exemple sur une image de 100px sur 50px*/
div#left {
float:left;
width:100px;
height:50px;
background:url(gauche.png) no-repeat left bottom;
}

div#right {
float:right;
width:100px;
height:50px;
background:url(droite.png) no-repeat left bottom;
}

/*du côté du html*/
<div id="left"></div>
<div id="right"></div>