Discussion :

[Mister Nono]

Rebonjour à tous,

L'affectation de 'width : 50%;' à une balise comme 'table' fait que la table prend 50 % de la fenêtre du navigateur.

Mais si cette table fait partie d'un cadre <div class="cadre"> qui prend 80% de l'écran, comment indiquer à la table d'avoir pour largeur que la moitié d'un cadre qui la contient (40% de l'écran du navigateur OU 50% DU CADRE)? :

En fait il faut que la largeur de la table soit proportionnelle au cadre et non à la fenêtre du navigateur.

Merci.

[SpaceFrog]

reagrde du coté de l'unité em pour les tailles ...

[Mister Nono]

L'unité eml est sympa mais pas dans ce cas (il me semble).

En effet il me faut une taille par rapport au conteneur parents, et là em semble ne pas être utile.

[SpaceFrog]

utilise position relative et taille en %

[francis m]

L'affectation de 'width : 50%;' à une balise comme 'table' fait que la table prend 50 % de la fenêtre du navigateur

Non, cette affectation fait que la table prend 50% du div qui la contient.
Si ce div fait 60% du navigateur ta table dera 30% du navigateur

[SpaceFrog]

sauf si je ne m'abise si la positon est defnie en relative non ?

[balu]

Non, ce qu'à dit francis m est exacte d'après cet exemple.

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 style="position: relative; width: 60%; border: 5px solid #f00;">
	<table style="width: 50%; border: 5px solid #00f;">
		<tr>
			<td>1</td>
			<td>2</td>
			<td>3</td>
		</tr>
		<tr>
			<td>4</td>
			<td>5</td>
			<td>6</td>
		</tr>
		<tr>
			<td>7</td>
			<td>8</td>
			<td>9</td>
		</tr>
	</table>
</div>

Le tableau occupe bien la moitié du div.