Bonsoir,

j'ai une différence de rendu sous Chrome.
Comme vous pouvez le voir sous les images ci dessous : le top menu a un décalage d'1 px

Firefox et IE


Chrome


La page est formée de la façon suivante

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<div class="page">
            <div class="ligne_top">&nbsp;</div>
            <div class="header">
                <div class="logo">
                    <a href="#">                       
                        <img alt="logo du lycée la viste" src="./images/logo/logo.png" />
                    </a>                    
                </div>
                <div class="menu_top">
                    <ul>
                        <li><a class="inactive" href="#">A</a></li>
                        <li class="active"><a href="#">B</a></li>
                        <li><a class="inactive" href="#">C</a></li>
                    </ul>
                </div>   
            </div>
... etc

Vous le code CSS correspondant au code HTML :

Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
 
.header{
    height : 150px ;
    background : #193388 url(../images/bandeau/bandeau.jpg) no-repeat ;
    background-position : right ;
        margin:0;
    padding: 0;
 
}
.logo{
    display:block;
    float: left;  
    padding-top : 18px ;
}
 
.menu_top{ 
    display:block;
    float: right;  
    margin:0;
    padding: 0;
 
}
 
.menu_top ul {
    padding-top : 114px ;
    margin : 0;
    list-style-type : none;
 
}
.menu_top ul li{
    float : left;
    margin-left: 10px ;
    margin-right: 10px ;
 
}
 
.inactive {
    display : block;
    float : left;   
    width : 200px;
    background: url(../images/menu_top/item.png) repeat-x;
    line-height:36px; /*hauteur de l'image de fond*/
    text-decoration:none;
    text-align:center;
}
 
.active{
    display : block;
    float : left;   
    width : 200px;
    background: url(../images/menu_top/item_active.png) repeat-x;
    line-height:36px; /*hauteur de l'image de fond*/
    text-decoration: underline;
    text-align:center; 
}

Quelqu'un aurait une idée ?

Merci

Nicolas