Discussion :

[Sergejack]

J'aimerais afficher côte à côte deux lignes de texte (sans retour à la ligne), que chacune d'elles soit centrée dans un bloque qui fasse 50% de la largeur disponible.
Si une ou ces deux lignes dépassaient leur bloque conteneur, je voudrait que les lignes soient alors mise l'une sous l'autre dans des bloques qui fassent au plus proche de 50%.

Voici un dessin pour peut-être clarifier mon besoin.

J'ai essayé de bidouiller avec des float, display: inline, etc... mais je n'ai jamais obtenu le résultat souhaité.

Merci.

[pop_up]

quels types de resultats a tu obtenu ? en essayant quoi ?

j'ai juste fait ça :
cas 1:

Code :

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

1
2
3
4
5
 
<div style="width:100%;">
	<div style="width:50%; float:left;">Contenu 1</div>
	<div style="">Contenu 1</div>
</div>

cas 2:

Code :

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

1
2
3
4
5
 
<div style="width:100%;">
	<div style="width:50%; float:left;">Contenu 1</div>
	<div style="">Contenuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu 2</div>
</div>

c'est pas ça que tu veux ?

[Sergejack]

Non, là, si contenu1 ne tient pas dans 50% mais contenu 2 bien, contenu2 résultat ne sera pas centré dans un block 50% mais dans tout l'espace dispo après retour à la ligne.

[drsbrk]

Bonjour!

Franchement je ne vois pas ce que tu veux dire avec cas 2: width: 507%

Mais au premier cas j'ai une proposition qui peut t'aider:

Ceci devrait normalement marcher:

Code :

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

1
2
3
4
<div id="Container" style="width:100%;">
	<div id="1"style="width:50%; float:left; text-align:center;">Contenu 1</div>
	<div id="2"style=" width:50%; float:right; text-align:center">Contenu 2</div>
</div>

[Sergejack]

La conclusion s'impose d'elle-même : c'est impossible.

Merci quand même.