Discussion :

[ekho_0]

Bonjour,

Avant tout, voici ce que je voudrais obtenir :



La valeur de la largeur X doit prendre le maximum de place et la hauteur Y varie suivant le contenu de C.

Ce que le souhaite, c'est donc brider la largeur de A à 150px et brider les hauteurs de B et D à 20px.

J'ai fait ça sous forme de tableau (notez que c'est en réalité une boucle PHP et que le motif ci-dessus est donc réalisé plusieurs fois de suite).

Cela fonctionne parfaitement sous FF, mais pas sous IE. Avec ce dernier, A est à la bonne taille, mais B et D ont des hauteurs variables en fonction du contenu de C.

Vous serait-il possible de me dire comment faire ?! Voici le lien : ici.

Et voici mon code :

Le html :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<tr>
<td rowspan='3' class='f-mess-gauche' valign='top'></td>
<td class='f-mess-infos' id='azerty'></td>
</tr>
 
<tr>
<td class='f-mess-contenu'></td>
</tr>
 
<tr>
<td class='f-mess-infos'></td>
</tr>

Et le 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
td.f-mess-gauche{
	background:#8fd5a6;
	border:#5d5d5d 1px solid;
	padding:5px;
	width:150px;
}
 
td.f-mess-infos{
	background:#8fd5a6;
	border:#5d5d5d 1px solid;
	padding:5px;
	height:10px;
	_height:20px;
}
 
td.f-mess-contenu{
	background:#8fd5a6;
	border:#5d5d5d 1px solid;
	padding:5px;
}

[FraK]

Faire des div ?
Et indiquer des hauteur max finie à chaque div avec un overflow sur le div central.