Bonjour, voici mon probleme :
Je souhaite mettre en forme les 2 images suivantes :
(20px X 20px)
(2000px X 20px)
Pour cela j'utilise le code suivant :
Et voici les resultats :
- Sous firefox, le resultat est conforme a ce que j'attend :
- Sous IE6 il y a un decalage sur le positionnement de l'image orange
J'aimerai comprendre d'ou vient le decalage a gauche de l'image orange et surtout comment le resoudre.
Merci
Je souhaite mettre en forme les 2 images suivantes :
(20px X 20px) (2000px X 20px)Pour cela j'utilise le code suivant :
<html>
<head>
<style>
<!--
* {
margin: 0;
border: none;
padding: 0;
}
#bandeauhaut {
height: 20px;
background: #fff url('hg.gif') top left no-repeat;
}
#bandeauhaut img {
float: right;
background-color: #fff;
}
-->
</style>
</head>
<body>
<div id="bandeauhaut"><img src="hd.gif" alt="" /></div>
</body>
</html>Et voici les resultats :
- Sous firefox, le resultat est conforme a ce que j'attend :
- Sous IE6 il y a un decalage sur le positionnement de l'image orange
J'aimerai comprendre d'ou vient le decalage a gauche de l'image orange et surtout comment le resoudre.
Merci
