CSS Overflow - Page 1

Salut, une partie du HTML que je voudrais afficher ressemble à ça :

<div>
  <div class="left">Du contenu qui peut être assez long</div>
  <div class="right">Un petit contenu</div>
</div>

Avec comme styles :

.left {
  float: left;
}

.right {
  float: right;
}

J’aimerais que, si le contenu du div.left est trop large, il soit tronqué (puisque actuellement ça passe à la ligne suivante, et ça pousse le div.right dans la foulée). J’ai essayé d’ajouter un élément de style : overflow: hidden, mais ça ne change rien. Est-il possible de faire ce que je veux, sachant que ce n’est pas vraiment possible de savoir précisément quelle sera la largeur max du div englobant ?

Ah oui, euh j'ai ça dans mes cartons, j'essaye de te trouver le bout du code après ma réunion (c'est du CSS2.1 ou u CSS3 par contre, de mémoire).

le overflow ne marche que si les dimensions sont précisés. là il te manque la largeur de ton block .left

Je ne peux pas vraiment préciser de dimensions, surtout qu’en fait il peut y avoir plusieurs div.left à la suite avant le div.right… Je voudrais qu’ils soient affichés sauf s’ils prennent trop de place.

Ah oui, tiens, j'étais revenu en arrière et je n'utilise finalement qu'un overflow-x:hidden (en fait, au début, je pensais à la solution que m'avait proposé GC : word-break: break-all; word-wrap: break-word; mais je n'ai jamais réussi à les faire fonctionner correctement). Sinon, moi j'utilise un div de longueur fixe dans un div de longueur variable (après, je ne sais pas si c'est ce que tu veux exactement).

Moi j’ai deux divs de longueur variable.
Mais propose quand même ta solution, ça me donnera peut-être des idées ^^ (enfin sauf si tu dois passer 15 minutes pour la retrouver, ne t’embête pas…)

Ah, sauf qu'avec

Sasume (./4) :
Je ne peux pas vraiment préciser de dimensions, surtout qu’en fait il peut y avoir plusieurs div.left à la suite avant le div.right… Je voudrais qu’ils soient affichés sauf s’ils prennent trop de place.

Ca change quand même pas mal la donne... et en mettant un max-width, ça ne fonctionne pas ?

J'ai eu un problème similaire hier en voulant faire mumuse avec dl, dt et dd...
Et en effet, je l'ai "résolu" en balançant une largeur fixe (dans mon cas le max-width ne suffisait pas car je voulais que les éléments à droite soient alignés sur une même colonne) mais bon ça ne reste pas idéal.

Ok, bon bah je vais fixer une largeur maximale… Tant pis dans certaines situations je ne profiterai peut-être pas de toute la place. Merci en tout cas d’avoir pris le temps de me répondre