Bonjour,
je réalise mon 1er site et j'ai un problème de décalage d'une image de 2-3pixels, seulement sur opera et safari. une image vaut mieux qu'un long discours...
Sous Firefox, IE5,6,7( avec commentaires conditionnels)
Sous safari et opera decalage de 2/3px:
Le problème est que si je mets la seconde image(.dessinirm) position absolute avec des données left, top,... tout se décale sur les différents IE decu ...
Je n'ai pas trouvé de solution voir ce problème de décalage avec 2"inline" à la suite...
Si vous pouvez m'aider, MERCI!!!
voici le code html correspondant
et le CSS:
j'espère que vous pourrez me donner une piste...
Merci
je réalise mon 1er site et j'ai un problème de décalage d'une image de 2-3pixels, seulement sur opera et safari. une image vaut mieux qu'un long discours...
Sous Firefox, IE5,6,7( avec commentaires conditionnels)
Sous safari et opera decalage de 2/3px:
Le problème est que si je mets la seconde image(.dessinirm) position absolute avec des données left, top,... tout se décale sur les différents IE decu ...
Je n'ai pas trouvé de solution voir ce problème de décalage avec 2"inline" à la suite...
Si vous pouvez m'aider, MERCI!!!
voici le code html correspondant
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="Nmtoken" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Adobe GoLive" />
<meta name="keywords" lang="fr" content="CIERM, centre inter etablissement resonance magnetique, centre de recherche IRM, IRM corps entier 1.5 tesla dedie a la recherche, hopital bicetre, Jacques bittoun, ESPCI, CNRS,APHP,Universite paris sud, activite du cierm consiste a fournir l'acces par vacations a une plateforme d'imagerie par IRM a des equipe de recherche de toutes appartenances (organisme de recherche industrie universites...),IRM philips,sequence irm, etude scientifique,formation,IRM fonctionnelle,chercheur,physique medicale,poumon,coeur,peau,muscle,encephale,tete"/>
<title>CIERM Centre Inter Etablissement Résonance Magnétique, IRM de Recherche</title>
<link href="../../Version2-IE20-1-09/web-content/css/basic.css" rel="stylesheet" type="text/css" media="all" />
<!--[if IE]>
<link href="css/vietroispixels.css" rel="stylesheet" type="text/css" media="all" />
<![endif]-->
<!--[if IE 7]>
<link href="css/viesept.css" rel="stylesheet" type="text/css" media="all" />
<![endif]-->
<!--[if IE 6]>
<link href="css/viesix.css" rel="stylesheet" type="text/css" media="all" />
<![endif]-->
<!--[if IE 5]>
<link href="css/viecinq.css" rel="stylesheet" type="text/css" media="all" />
<![endif]-->
<style type="text/css" media="screen"><!--
#logouparissud {
float: left;
height: 49px;
width: 150px;
z-index: 0;
visibility: visible;
margin: 0;
padding: 0;
}
#logoaphp {
float: left;
height: 31px;
width: 150px;
z-index: 0;
visibility: visible;
margin: 120px 0 0;
padding: 0;
}
#logocnrs {
float: right;
height: 80px;
width: 100px;
z-index: 0;
visibility: visible;
margin: 0;
padding: 0;
}
#espcilogo {
float: right;
height: 47px;
width: 121px;
z-index: 0;
visibility: visible;
margin: 120px 0 0;
padding: 0;
}
#header {
width: 1200px;
margin: 0;
padding: 0;
}
.sup {
margin-bottom: 25px;
}
--></style>
</head>
<body>
<div id="header">
<img class="banderole" src="../../Version2-IE20-1-09/web-content/banderole/fond-rosee.jpg" alt="banderole_cierm" width="980" height="101" border="0" />
<div class="dessinirm">
<img src="../../Version2-IE20-1-09/web-content/photodessin/irmdessinCalque 1.jpg" alt="IRM de recherche" width="220" height="164" border="0" />
</div>
</div>
et le CSS:
#header {
width: 1200px;
margin: 0;
padding: 0;
}
.dessinirm {
position: absolute;
height: 149px;
width: 200px;
z-index: 10;
visibility: visible;
margin: 0;
padding: 0;
border-color: transparent;
display: inline;
}
.banderole {
width: 980px;
margin: 0;
padding: 0;
border: solid 0 transparent;
display: inline;
}j'espère que vous pourrez me donner une piste...
Merci
