Discussion :

[Fractaliste]

Bonjour,

Il parait que parfois un dessin vaut mieux qu'un long discours je vous ai donc créé une petite illustration pour vous expliquer ma problématique :



Je suis donc dans un tableau et j'ai deux DIV dans chacune des cases de mon tableau. Ce que je souhaite c'est que mon texte du DIV2 (qui a toujours pleins de ligne) ne passe pas sous celui du DIV1 (qui a toujours une seule et unique ligne).

Jusqu'à aujourd'hui j'utilisais un float:left pour le DIV1et un magin-left pour le DIV2pour faire l'effet car la longueur du texte dans le DIV1 était toujours la même .

Sauf que maintenant mon DIV1 a tendance à beaucoup varier en ce moment et donc mon margin ne suffit plus.

Auriez vous donc une piste afin que chacune des lignes du DIV2 comment à la même position (y) quel que soit la largeur du DIV1 ? En gros comme une tabulation sous Word...

Je reste à votre disposition ; )
Raphaël N.

[Mahefasoa]

Bonsoir,

En spécifiant pour DIV1 une largeur (width) inférieure ou égale à la marge gauche (margin-left) de DIV2, cela ne devrait-il pas être suffisant pour résoudre ce problème?

Cordialement,
Mahefasoa

[Fractaliste]

Exact ça pourrait marcher mais niveau esthétique c'est loin du rendu que je souhaites.

En effet le contenu du DIV1 varie d'un facteur 3, et donc si jamais on a un petit DIV1, il se trouvera très éloigné du DIV2 : /

[Mahefasoa]

Euh... quand je parlais de largeur, c'est dans le sens "fixe"; et si le souci se pose sur "l'éloignement" du contenu de DIV1 par rapport à DIV2, un alignement à droite devrait régler cela. Tout ceci reste une simple proposition mais à toi de décider car tout est question de choix à partir du moment que tu sais ce que tu veux.

Cordialement,
Mahefasoa

[Fractaliste]

Ah oui je n'avais pas vu ça sous cet aspect.

En attendant j'ai essayé le tag CSS :

Code :

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

display:table-cell

qui me donne de bon résultat aussi. Je vais tester ta méthode et je verrais après ce que je garde. Merci pour ton aide ; )

[Bovino]

Je comprends pas trop...
Pourquoi mettre des div en display:table-cell alors que mettre tout simplement deux cellules dans le tableau fait la même chose ???