Discussion :

[nmathon]

Bonjour, soit le petit bout de code suivant, j'aimerais que la colonne bleue soit toujours de la même taille que la rouge même si les textes sont différents.

Comment faire? J'ai essayé height="100%" mais sans succès!

Merci!

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
 
<table align="center" width="50%" border="1">
 <tr>
  <td colspan="2" bgcolor="yellow">Ceci est l'entête</td>
 </tr>
 <tr>
  <td width="50%" valign="top">
   <table border="1" width="100%" bgcolor="red">
    <tr>
     <td>Texte de la colonne 1.Texte de la colonne 1.Texte de la colonne 1.Texte de la colonne 1.Texte de la colonne 1.Texte de la colonne 1.</td>
    </tr>
   </table>
  </td width="50%">
  <td width="50%" valign="top">
   <table border="1" width="100%" bgcolor="blue">
    <tr>
     <td>Texte de la colonne 2.</td>
    </tr>
   </table>
  </td>
 </tr>
</table>

[titoumimi]

Pourquoi t'embêter à re-déclarer des tableaux dans ton tableau, pour une seule cellule ?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<table align="center" width="50%" border="1">
	<tr>
		<td colspan="2" bgcolor="yellow">Ceci est l'entête</td>
	</tr>
	<tr>
		<td width="50%" valign="top" bgcolor="red">
			Texte de la colonne 1.Texte de la colonne 1.Texte de la colonne 1.Texte de la colonne 1.
		</td width="50%">
		<td width="50%" valign="top" bgcolor="blue">
			Texte de la colonne 2.
		</td>
	</tr>
</table>

Me parait plus simple non :

Et là, plus de problème de taille

[nmathon]

C'était un exemple, c'est que j'utilise des images pour faire des petites entêtes de tableau avec coins arrondis pour faire joli.

J'ai vraiment besoin de garder le tout intact, mais en gardant les deux colonnes de la même hauteur peu importe le texte.

[Oluha]

le height à 100% ne fonctionne que sous IE je crois

[nmathon]

Quelqu'un a une idée?

[franculo_caoulene]

Salut,

Une idée serait de se débrouiller pour faire un seul tableau. Enfin c'est bien un tableau que tu veux faire?

[marsupix]

Comme d'habitude IE et FF interpretent chacun différemment les hauteurs:
Sous FF:
height fixe une hauteur précise.
min-height fixe une hauteur minimale, qui s'agrandit si le contenu est supérieur à cete hauteur.
Sous IE:
height se comporte comme min-height (s'agrandit selon le contenu)
ne connait pas min-height.