Bonjour,

je cherche à placer correctement des divs pour des chevauchages de couleur :

Voici un exemple concret :



et le code qui fonctionne bien sur IE :

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
<tr>
	<td style="border-top:2px solid #000; height:30px; background-color:<?=$col2?>" align="center">
	<div id="div_1" style="position: absolute; background-color:#FFFFFF; height:34px; width:15px; left:214px; z-index:3;vertical-align:middle;
	line-height: 34px;">
	<?=$j?>
	</div>
	<div id="dcell" style="position:relative; width:100%; height:50%; background-color:<?=$col1?>; z-index:1"> </div>
	</td>
	<td style="border-top:2px solid #000; height:30px; background-color:<?=$col1?>" width="50%" align="center">&nbsp;
	<div id="dcell" style="position:relative; width:100%; height:50%; background-color:<?=$col2?>; "> </div></td>
	<td style="border-top:2px solid #000; height:30px; background-color:<?=$col2?>" align="center">
	<div id="div_2" style="position: absolute; background-color:#FFFFFF; height:34px; width:15px; left:324px; z-index:3;vertical-align:middle;
	line-height: 34px;"><?=$j?></div>
	<div id="dcell" style="position:relative; width:100%; height:50%; background-color:<?=$col1?>; "> </div></td>
</tr>
Comment dois je faire pour que le code soit bien interprété par FF et IE ?

Merci par avance !