"Tabulation" dans un tableau

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 :

http://img152.imageshack.us/img152/2...stitre1tiu.png

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.

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

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 : /

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

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

En attendant j'ai essayé le tag CSS :

Code:

---

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 ; )

:koi:

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 ???

Oui t'as complètement raison c'est un des premiers trucs que j'ai testé mais la répartition des cellules sur plusieurs lignes ne me convenait pas du tout alors je suis passé sur les div pour tester les margins.

C'est là que j'ai trouvé le tag "white-space: nowrap" donc là j'aurais dû repasser sur une table mais j'ai trouvé que c'était plus lisible avec des divs (je bosse sur l'éditeur en ligne IPB et il ne veut rien savoir de l'indentation). Donc entre deux DIV et des balises <table>, puis <tr> et enfin <td>, ma flémingite a gagné.