Affichage différent sous IE6 et IE7

Dsom Messages postés 2 Date d'inscription   Statut Membre -  
 Dsom -
Bonjour,

J'ai créé il y a un an un site pour un copain et je viens de remarquer que les images que je gère via des balises div ne s'affichent pas de la même façon sous IE6 et IE7 (et pas non plus de la même façon sous Firefox).

Pouvez vous me dire comment remédier à ce problème ?
Merci d'avance

3 réponses

  1. omar-senegal Messages postés 271 Date d'inscription   Statut Membre Dernière intervention   26
     
    slu il fo que tu utilise des hacks parceque les navigateurs n interpretent pas de la meme facon les paddings et les margins pour y remedier ilte faut utiliser des hacks pour ie7 dans tes css
    0
  2. Gihef Messages postés 5165 Statut Contributeur 2 781
     
    Bonjour,

    Sans voir comment tu fais, difficile de répondre précisément.

    Essaye
      img { display : block; }
    dans ta feuille de styles.

     --
    0
    1. Dsom Messages postés 2 Date d'inscription   Statut Membre
       
      Voilà mon code :
      <div class="photo2_09"style="left:500px;top:80px;"><img src="images/contenu/image.jpg" width="96" height="106" /></div>

      Je ne comprends pas ce décalage entre IE6 et IE7.
      Merci encore
      0
  3. pascalbm
     
    Salut!

    essaye cette modif:

    <div class="photo2_09"style="left:500px;top:80px;width:96px;margin:0;padding:0;"><img src="images/contenu/image.jpg" width="96" height="106" /></div>
    0
    1. Dsom
       
      Merci de ton aide.
      Malheureusement, cela ne change rien.
      Par contre au niveau du Css, j'ai noté que la première expression avait un impact sur Mozilla et IE6, la deuxième sur IE7 uniquement.
      Qq connait il l'expression pour distinguer IE6 et Mozilla ??

      1ère expression :
      .photo4_0308{
      position: relative;
      left: 0px;
      top: -1030px;
      width: 75px;
      }

      2ème expression :
      html>body .photo4_0308{
      top: -1000px;
      }
      0