[RESOLU]Floattant en bas a droite de son conteneur ?

Salut,

Je souhaiterai faire floatter le lien "plus d'infos" en bas a droite de son conteneur <p>, pour le moment in ne floatte qu'a droite.
En fait, c'est pour qu'il se retrouve en bas de son conteneur <p> meme si celui ci contient peut de texte.

Je ne m'en sort pas avec float bottom...
Faut il que j'use d'un positionnement relatif, autre chose ?

J'ai lu des articles sur openWeb que j'ai trouvé via un post ici, et je n'ai pas vu d'exemple avec une boite floattante en bas a droite de son conteneur.

J'ai inclu le CSS dans la page :
La page en question

Merci de votre aide.
Modifié par Hum (20 Jun 2006 - 12:30)

Il me semble que

float: bottom;

n'existe pas.

As tu essayé de simplement positionné cela par rapport à son contenant ?!

bottom: 2px;
right: 2px;

Jedi a écrit :
Il me semble que

float: bottom;

n'existe pas.

Oui ça m'en a tout l'air ...

Jedi a écrit :

As tu essayé de simplement positionné cela par rapport à son contenant ?!

C'est sans effets.

Merci
Modifié par Hum (20 Jun 2006 - 13:00)

Et en précisant

position: absolute;

à moins que cela ne soit

position: relative;

?!

Arf, j'ai déjà vu ce problème et il est simple à résoudre, mais la mémoire me fait défaut
Modifié par Jedi (20 Jun 2006 - 13:09)

Bonjour,
Il faut en effet ajouter {position:relative} au conteneur et {positition:absolute} à l'élément à positionner en bas à droite grâce à right et bottom.
Modifié par Alan (20 Jun 2006 - 13:09)

Eh ben alors ? La FAQ ne fonctionne plus ?

Comment positionner un texte ou un bloc au bas d'un élément ?

Avec

a.floatrightinfos {
position: absolute;
bottom: 2px;
right: 2px; 
margin: 0 10px 0 0;
padding:0;
text-decoration: none;
color: #f0ac0b;
}

Il se retrouvent tous entassés en bas a droite du body car le conteneur <p> n'est pas positionné.

Et avec une position relative sur le <p>, c'est la catastrophe, et pour resoudre un probleme sur les flottant dans ce <p>, je déja l'ai passé en float : left.

La page

Son style

edit : Merci Raphael, je mange et regarde ça.
Modifié par Hum (20 Jun 2006 - 13:17)

Hum a écrit :

Et avec une position relative sur le <p>, c'est la catastrophe, et pour resoudre un probleme sur les flottant dans ce <p>, je déja l'ai passé en float : left.

Tu peux très bien utiliser position:relative en plus du float:left

Alan a écrit :

Tu peux très bien utiliser position:relative en plus du float:left

J'étais persuadé que c'était interdit de combiner float avec position absolute ou relative !

J'ai appliqué la methode de la FAQ, où je mettrais mon nez en premier lieu pour mon prochain probleme .
C'est réglé.

Splendide, magnifique, époustouflant, Alsaifiant ! ! ! !

Merci à tous !
Modifié par Hum (20 Jun 2006 - 16:18)