Discussion :

[cfalcot]

Bonjour à tous.

Voici un petit souci de mise en page avec IE8.

Vous pouvez jeter un oeil sur le site suivant: http://www.ics-topo.com une fois avec FF et une fois avec IE. Le problème est donc le mauvais alignement du "cadre gris".

Le problème vient de l'utilisation de la balise "opacity" sans elle ou avec une valeur de 1, pas de problème. Par contre, dès que la valeur est différente de 1 l'alignement n'est plus bon.

Le bout de code ou le problème réside est le suivant:

Code :

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

1
2
3
4
5
6
7
8
9
10
 
       <div style="margin-left: 0px; position: relative; width: 1200px; z-index: 5; " id="body_layer">
          <div style="height: 0px; line-height: 0px; " class="bumper"> </div>
          <div id="id1" style="height: 469px; left: 188px; position: absolute; top: 144px; width: 1015px; z-index: 1; " class="style_SkipStroke shape-with-text">
            <div class="text-content style_External_1015_469" style="padding: 0px; ">
              <div class="style"></div>
            </div>
          </div>
          <!-- ....tout plein des autres <div>  -->
       </div>

Le bout de feuille de style correspondant:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
.style_SkipStroke {
    background: rgb(0, 0, 0);
    /*min-height:1px;
    zoom:1;*/ 
    opacity : 0.1;
    /*-moz-opacity : 0.1;
    -ms-filter: "alpha(opacity=10)"; /* IE 8 */
    /*filter : alpha(opacity=10); /* IE < 8 */ 
    /*background: rgba(0, 0, 0, 0.1);*/
}

Après un tour sur le net, j'ai essayé de modifier le code css sans succès (toutes les lignes en commentaires...).

Quelqu'un peut-il m'aider pour rentre la pagination correcte aussi avec IE, svp?

Merci.

[polymorphisme]

Bonjour,

à priori, il n'y a pas de rapport entre l'opacité d'une image et son alignement.
Ton soucis ne serait pas plutôt au niveau des chaînes de caractères ou de ton balisage.

[cfalcot]

Bonjour,

En fait, ce qui me fait dire ça c'est que lorsque je commente la ligne (feuille css):

Code :

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

opacity : 0.1;

le problème d'alignement ne se produit plus. Du coup je n’arrive pas à croire à un mauvais balisage…J’ai contrôlé mes balisages : ils semblent correctes. Pour les chaînes de caractères, je ne vois pas trop ce qui pourrait induire une telle erreur.

Merci en tout cas.