Voila mon souci, il est tout bête. Je dispose d'un champ select. Initialement sous le champ il y a une cadre rouge de largeur 100% de la page. Lorsque je sélectionne le choix 2, le cadre rouge disparait bien mais lorsque je re sélectionne le Choix 1 le cadre rouge apparait mais la largeur est égale a son contenu alors que je voudrais qu'elle soit toujours a 100%.

Ceci se produit sous FIREFOX et je ne sais pas pourquoi..
Merci pour votre aide


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
		<TABLE width='100%' cellspacing='5'>
			<tr>
				<TD>
					<select id='change_profil' onChange= 'Change_Type_profil();'>										
						<option>Choix 1</option>									
						<option>Choix 2</option>									
						<option>Choix 3</option>																	
					</select>										
				</TD>
			</tr>
		</TABLE>
 
 
		<TABLE width='100%'  id='cadre_rouge'>
			<tr style='background-color:#ff0000;' height='20px'>
				<td>a</td>
			</tr>
		</TABLE>

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
	function Change_Type_profil() {
		if ((document.getElementById('change_profil').options[document.getElementById('change_profil').selectedIndex].text) == 'Choix 1')
			document.getElementById('cadre_rouge').style.display='block';
		else
			document.getElementById('cadre_rouge').style.display='none';	
	}