Bonjour à tous,

voilà un extrait de mon css :
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
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
51
52
.centre {
	position: absolute;
	width: 990px;
	height: 720px;
	padding: 5px;
	background-color: #FFFFE6;
	border: 2px solid #000000;
}
	.zone1 {
		float: left;
		width: 485px;
		height: 350px;
		padding: 2px;
		background-color: orange;
		border: 1px solid #000000;
		text-align: center;
		overflow: hidden;
	}
	.zone2 {
		float: right;
		width: 485px;
		height: 350px;
		padding: 2px;
		background-color: orange;
		border: 1px solid #000000;
		text-align: center;
		overflow: hidden;
	}
	.zone3 {
		position: absolute;
		left: 5px;
		bottom: 5px;
		width: 485px;
		height: 350px;
		padding: 2px;
		background-color: orange;
		border: 1px solid #000000;
		text-align: center;
		overflow: hidden;
		}
	.zone4 {
		position: absolute;
		right: 5px;
		bottom: 5px;
		width: 485px;
		height: 350px;
		padding: 2px;
		background-color: orange;
		border: 1px solid #000000;
		text-align: center;
		overflow: hidden;
	}
Extrait de mon XSLT :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div class="centre">
	<div class="zone1">
		<xsl:apply-templates select="//zone[position()=1]"/>
	</div>
	<div class="zone2">
		<xsl:apply-templates select="//zone[position()=2]"/>
	</div>
	<div class="zone3">
		<xsl:apply-templates select="//zone[position()=3]"/>
	</div>
	<div class="zone4">
		<xsl:apply-templates select="//zone[position()=4]"/>
	</div>
</div>
"centre" est mon conteneur et contient 4 zones.

Mon problème est que les paramètres suivants sont répétés QUATRE fois :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
width: 485px;
height: 350px;
padding: 2px;
background-color: orange;
border: 1px solid #000000;
text-align: center;
overflow: hidden;
Comment faire pour qu'ils soient dans un élément que les QUATRE zones auraient en commun ?

J'ai essayé ce qui suit mais c'est pas bon (je sais pas pourquoi d'ailleurs !)
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
23
24
25
26
27
28
29
30
31
32
33
.centre {
	position: absolute;
	width: 990px;
	height: 720px;
	padding: 5px;
	background-color: #FFFFE6;
	border: 2px solid #000000;
}
	.zone {
		width: 485px;
		height: 350px;
		padding: 2px;
		background-color: orange;
		border: 1px solid #000000;
		text-align: center;
		overflow: hidden;
	}
	#1 {
		float: left;
	}
	#2 {
		float: right;
	}
	#3 {
		position: absolute;
		left: 5px;
		bottom: 5px;
		}
	#4 {
		position: absolute;
		right: 5px;
		bottom: 5px;
	}
Extrait de mon XSLT modifié :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div class="centre">
	<div class="zone" id="1">
		<xsl:apply-templates select="//zone[position()=1]"/>
	</div>
	<div class="zone" id="2">
		<xsl:apply-templates select="//zone[position()=2]"/>
	</div>
	<div class="zone" id="3">
		<xsl:apply-templates select="//zone[position()=3]"/>
	</div>
	<div class="zone" id="4">
		<xsl:apply-templates select="//zone[position()=4]"/>
	</div>
</div>