Discussion :

[Xann_71]

Bonjour à tous, voila mon petit problème:
J'essai de mettre cote à cote deux balises <div> mais j'aimerais que ces deux balises aient la même hauteur et qu'elles puissent s'agrandir si quelqu'un viens saisir du texte dedans.
Je crée des pages standarts que des personnes, non développeurs, rempliront elles mêmes selon leurs besoins donc j'essai de les rendre le plus facile possible a manipuler.
Je ne peux pas utiliser de <table> car ma page doit êtrer accessible et lorsque j'utilise "display: inline;" sa ne fonctionne pas.

Un petit aperçut de mon code:
html

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<div title="" class="nivpartners">
	<div title="" class="txtpartnersg">
		<h4 class="c1">
			CZECH
		</h4>
		<p>
			Aenean sollicitudin dignissim mauris. Etiam vitae pede. Nam est. Sed sagittis pellentesque lorem. In hac habitasse platea dictumst. Fusce aliquet luctus est. Aliquam erat volutpat. Sed elementum, felis quis dictum dignissim, lacus nisi tempor erat, et accumsan <a title="link towards non metus" href="">arcu dui non metus</a>.	<!-- Change title of links when associate with a page -->
		</p>
	</div>
	<div title="" class="txtpartnersd">
		<img class="imgpar" alt="" src="img1.jpg" />
		<h4 class="c1">
			FRANCE
		</h4>
		<p>
			Etiam et libero. Nulla facilisi. Suspendisse nulla massa, rhoncus sed, congue sit amet, tincidunt id, mi. Cras erat tortor, sollicitudin eget, adipiscing eu, ultricies ac, augue. Donec quis lorem eget nisl rhoncus rhoncus. Nam commodo, mauris eget dictum aliquet, mauris orci pretium purus, eu eleifend libero ipsum <a title="link towards vitae magna" href="">vitae magna</a>.	<!-- Change title of links when associate with a page -->
		</p>
	</div>
</div>

css

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
.c1
{
   color: darkblue;
}
 
 
.nivpartners
{
   background-color: blue;
   padding: 10px;
}
 
 
.txtpartnersg
{
   width: 20em;
   background-color: green;
   display: inline;
}
 
 
.txtpartnersd
{
   background-color: red;
}

Si quelqu'un peut m'aider je lui serais très reconnaissant

[Strix]

Salut.

Pourquoi ne pas mettre un float:left; ? Je ne comprends pas là...

[Xann_71]

ben si je met un "float: left;", les 2 div n'auront pas la meme auteur dans le div qui les englobent. De plus, quand des personnes vont saisir un long texte, au lieu de pousser plus bas le contenu des divs qui seront en dessous, le texte passera par dessus. . Enfin je vais essayer de trouver une solution et je la mettrai la si sa peut aider quelq'un un jour.

[Xann_71]

C'est bon en fait j'ai fait autrement, mais j'aurais bien aimer trouver cette solution quand meme . lol
Pas grave sa marche aussi bien ...Enfin presque

[Xann_71]

C'est bon j'ai trouvé la solution qu'il me fallait.
J'ai créé un 3eme div qui englobe les deux comme ça, j'affiche les contours du div principale, puis le contour gauche du div de droite et le contour droite du div de gauche.
Ainsi sa me donne l'aspect d'un vrai tableau, et le div principale suis toujours la longueur du div le plus long grâce au css: "overflow: hidden;".
C'est tout joli^^!

Voila si sa peut servir à quelqu'un c'est pas plus mal^^!

A+