Discussion :

[paradeofphp]

Salut,
je suis entrain de développer un site web en utilisant les Css et le blocs Div.
Je teste les realisations sous IE. hier lorsque j'ai fini le maquettage final du site, j'ai voulu tester pour voir s'il est compatible avc FireFox. est la c'etait la surprise. tout est mal positionner et animation et certains arrières plan ont disparu. j'ai recommencer mon CSS de sorte a tester en meme temps sous les 2 browsers. Mais lorsque ca marche sous FireFox il l'est plus sous IE et vis-versa. je sais pas s'il ya une méthode ou astuce pour regler ce problème.

par exemple, pour l'animation, j'ai ecris ce code HTMl :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<!-- zone de l'animation flash du header -->
<div id="flash_Courrier"> 	  
  <object type="application/x-shockwave-flash" data="swf/animation.swf" width="490" height="70"  title="Le courrier de la monétique">
        <param name="movie" value="../swf/ban.swf" />
        <param name="WMode" value="transparent" />
      </object>
</div>
<!-- fin de la zone flash -->

et le CSS du flash_Courrier :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
#flash_Courrier {
	margin : 46px 0px 0px 145px;
	width:490px;
	border: 1px solid
}

.

avec ce code, ca marche comme je le veux sous IE mais elle disparait sous FireFox.

[MasterOfChakhaL]

je serais toi, je ferais ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
* {
  margin:0;
  padding:0;
}

le * agit sur tous les éléments, il faudra régler les propriétés au cas par cas

IE et firefox ne traitent pas ces propriétés de la meme manière
ensuite, plutot que de définir des marges sur ton objet, je définirais le padding correspondant sur son conteneur.

[trotters213]

regarde aussi ce site : http://flash.media-box.net/lofiversi...hp/t47505.html