Discussion :

[marry]

Bonjour à tous,
j'ai un div global qui contient deux blocs: un bloc à gauche contenu dans un div, et celui à droite est contenu dans un tableau.
Lorsque le bloc à gauche s'élargit verticalement, le div global s'agrandit aussi mais le tableau reste de la même hauteur.
De même pour le tableau, lorsqu'il s'agrandit, le div à coté ne s'élargit pas verticalement.
Le problème c'est que je veux que la hauteur du div à gauche soit toujours la même que celle du div à droite, mais j'ai pas trouver une solution pour ça.
voici le code:

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 class="global">
   <div class="gauche">
   </div>
   <table>
   </table>
</div>
 
/* dans le css*/
.global {float:left; width:750px;}
.global table {margin:5px 0 0 5px; }
.gauche {
       float:left; 
	width:185px; 
	margin:5px 0 5px 5px;
	border:1px solid #c0c0c0; 
	background:#FEFBEA;
	position: relative;
        top: 5px;}

Est ce que vous pouvez m'aider à resoudre ce probléme?
mercii d'avance

[cassandremorales]

Dégage ton tableau, mest les 2 div dans ton div conteneur avec un en float:left et un en float:right avec des min-height sur les deux div.

[marry]

merci cassandremorales, mais ça n'a pas résolu le problème, parce que le div à gauche contient aussi un tableau de 5 lignes, et le div à droite est un tableau de 3 lignes.. donc il y a toujours un décalage de hauteur entre ces 2 divs
est ce que vous avez une autre solution?
merci d'avance

[12monkeys]

Bonjour

Et on peut voir comment tu as appliqué la proposition de cassandremorales ? Au mieux avec une page en ligne...

Parce que tu as répondu ne correspond pas à ce que tu aurais du avoir avec sa proposition.