[CSS] Positionnement... encore!

Version imprimable

27/04/2006, 16h28
quidam66

[CSS] Positionnement... encore!
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:

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:

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
09/05/2006, 20h03
quidam66

pas d'idée dites?

quidam66
09/05/2006, 20h09
Swoög

tu tests sous IE ou FF ?

tu as un span qui n'est pas refermé...
10/05/2006, 15h21
Sheriff

salut !
c pas le valign ?
@+
10/05/2006, 17h28
masu

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

pour positionner l'element en bas du div

Code:

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:

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

10/05/2006, 17h49
Swoög

Citation:

Envoyé par masu

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... ^^
16/05/2006, 15h41
masu

le probleme est-il résolu ?
16/05/2006, 16h53
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
16/05/2006, 18h43
bavibavi

Et depuis ? c bon ?