Discussion :

[quidam66]

Bonjour,

Oui, oui, je sais, on a déjà répondu à cette question des dizaines de million de fois mais j'ose vous le demander de nouveau car après quelques recherches sur les "posts" de ce forum, je n'ai pas trouvé LA réponse me satisfaisant.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<div id="whos">
    <span id="field" class="header4" valign="bottom">monsieur x
    <span id="label" class="header4" valign="bottom">est presentement branche</span>
</div>

Voilà, je m'explique. Je souhaite que ce texte soit aligné en bas à droite dans mon div. Puisque le texte "monsieur x" sera dynamique, j'aimerais que mon texte monte dans mon div au lieu de descendre. J'ai créé un div 2 fois plus haut que la taille du texte, ce qui, je crois, permettra à mon texte de se positionner selon mes souhaits dans le div.

Si on suit une ligne imaginaire (pointillée ici bas) voici ce à quoi ca devrait ressembler:

Monsieur Tartenpion
est presentement branche
-------------------------

et non

Monsieur Tartenpion
-------------------------
est présentement branche


Ma CSS étant

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
#whos{
 position: absolute;
 top:70px;
 left: 15px;
 width: 210;
 height: 60px;
 text-align: right;
 vertical-align:bottom;
}

J'aimerais savoir ce qui cloche? on dirait que le "vertical-align" ne fonctionne pas. Est-ce que je fais quelque chose de pas bien?

Merci de bien vouloir m'aider.

quidam66

[quidam66]

pas d'idée dites?

quidam66

[Swoög]

tu tests sous IE ou FF ?

tu as un span qui n'est pas refermé...

[Sheriff]

salut !
c pas le valign ?
@+

[masu]

un <br /> pour passer a la ligne c'est trop simple ou j'ai rien compris ?

[masu]

pour positionner l'element en bas du div

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
#whos {
    position: absolute;
    top:70px;
    left: 15px;
    width: 210px;
    height: 60px;
}
#whos div{
    width:210px;
    position:absolute;
    bottom:0px;
    text-align:right;
}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<div id="whos">
<div>monsieur x<br>
est presentement branche</div>
</div>

[Swoög]

un <br /> pour passer a la ligne c'est trop simple ou j'ai rien compris ?

2ème option

il veut que le contenu soit en bas du div... ^^

[masu]

le probleme est-il résolu ?

[quidam66]

Bonjour,

Désolé, de ne pas avoir suivi mon post mais je ne recevais pas de mail pour me dire que vous étiez sur mon cas!!!! Alors, je vais regarder ça et je vous fais signe si mon problème est réglé.

Merci à tous.

q66

[bavibavi]

Et depuis ? c bon ?