Le contenu dépasse des balises DIV sous Firefox

**Francks11** · 13/11/2009, 09h56

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.

**Dionyzos** · 13/11/2009, 13h06

Bonjour Francks11,

Je viens de copier/coller tes deux codes (CSS et HTML), j'ai bien pris le même DOCTYPE que toi, et pourtant je ne reproduits pas l'erreur visible sur ta 2ème capture d'écran

L'affichage est correct sur les deux navigateur (FF3 et IE8).

Quelle est ta version de Firefox ? Moi je suis avec la dernière (3.5.5)

Le contenu dépasse des balises DIV sous Firefox

CSS

Discussions similaires

Partager

Partager