28173 sujets

CSS et mise en forme, CSS3

[Résolu][IE] Décalage animation flash

Bonjour,

Je suis en train de réaliser une nouvelle version de mon site, mais j'ai un soucis, en effet, j'ai un décalage de mon header flash de 1 ou 2 px sous IE7, j'ai tester pas mal de HACK mais rien a faire, il n'est jamais au bonne endroit !

Sous Firefox et Opéra il n'y a aucun problème.

http://v2.psy4tra.fr
http://v2.psy4tra.fr/main.css

Pourriez-vous m'aider ?

Merci Smiley biggrin
Modifié par thymo (17 Feb 2007 - 14:00)
Salut,

Si tu n'as ce problème qu'avec IE7, tu pourrais peut-être utiliser une feuille de style spécifique à IE7 grâce aux commentaires conditionnels.
Oui j'ai tenter de faire ceci :

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->

Dans mon html entre <head> et </head>

Mais j'ai beau tester des margins dans tous les sens, il ne veux pas ce mettre au bonne endroit Smiley confus
Salut,

Bon, j'ai regardé ta feuille de style. J'ai remarqué qu'il manquait un white-space reset au début (ce qui résoud pas mal de pb), et qu'il y avait certaines infos en trop. Je regarde ça sous IE7 et je te dis si ça marche.

N.B. : utiliser "if IE 7" si tu ne veux cibler que IE7.
J'ai mis un white-space mais ceci ne change rien, je ne sais pas ce que donne le site sur IE6 ne l'ayant plus Smiley confus

Merci
J'ai réduit ta feuille de style à
*
{
	margin : 0;
	padding : 0;
}
body
{
color:#666;
background-color:#F8F8F8;
padding : 10px;
font: 12px Verdana, Arial, Helvetica, sans-serif;
}

a
{
color:#666;
text-decoration:none;
border-bottom:1px dashed #666666;
}

a:hover
{
font-weight:bold;
}

p
{
color:#666;
}

.header
{
margin:auto;
width:962px;
height:180px;
}

.corps
{
margin:auto;
width:962px;
background: url('corps.jpg') repeat-y;
}


Et ça semble passer nickel, sous FF2, IE6 et IE7 (dixit Browsercam).
Sujet clos
Aller à