Bonjour,

Je viens vers vous car je rencontre un soucis d’affichage de balise div sous Firefox. Par contre ça fonctionne sans problème avec IE.

Voici ci-dessous 2 captures, la premiere sous IE et la deuxième sous firefox.

Capture sous IE


Capture sous FF


Les cadres sont effectués à l’aide de balise div et de css.

Voici ci-dessous une portion du code html :

Code xhtml : 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
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
 
	<div class="root_container">
		<div class="container">
			<div class="legend">
				Informations sur le produit
			</div>
			<div class="content">
				<table class="appli_tab">
					<tr>
						<td class="label">#text( "rp.label.companyName" )</td>
						<td>$bean.companyName</td>
						<td class="label">#text( "rp.label.label" )</td>
						<td>$bean.label</td>
					</tr>
					<tr>
						<td class="label">#text( "rp.label.productCode" )</td>
						<td>$bean.productCode</td>
						<td class="label">#text( "rp.label.centilisation" )</td>
						<td>$bean.centilisation</td>
					</tr>
					<tr>
						<td class="label">#text( "rp.label.term" )</td>
						<td>$bean.term</td>
						<td class="label">#text( "rp.label.grapeVariety" )</td>
						<td>$bean.grapeVariety</td>
					</tr>
					<tr>
						<td class="label">#text( "rp.label.colorCode" )</td>
						<td>$bean.colorCode</td>
						<td class="label">#text( "rp.label.vintage" )</td>
						<td>$bean.vintage</td>
					</tr>
					<tr>
						<td class="label">#text( "rp.label.brand" )</td>
						<td>$bean.brand</td>
						<td class="label"></td>
						<td></td>
					</tr>				
				</table>				
			</div>
		</div>
		<div class="container">
			<div class="legend">
				Affichage des matières sèches
			</div>
			<div class="content">
				Contenu .......
			</div>
		</div>
	</div>

Voici ci-dessous le code css :

Code css : 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
23
24
 
.root_container {
	width: 700px;
}
 
.container {
	border: 1px solid #A90118;
	position: relative;
	padding: 15px 10px 10px 10px;
	margin-top : 20px;
	height: 100%;
}
 
.container .legend {
	position: absolute;
	left: 15px;
	top: -10px;
	background: #FCE1B7;
	font-weight: bold;
	padding: 0 5px;
	border: 1px solid #A90118;
	color : #B82312;
	font-size: 12px;	
}

Le doctype utilisé est :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Pouvez-vous m'aider?

Merci d'avance.