Bonsoir,
J'ai une scrollbar horizontale qui s'affiche quelques millisecondes lorsque le loader se lance. Un overflow: hidden ne change rien, ni un max-width.
Supprimé le gif ne fait rien, réduire la taille du loader non plus.
Je suis bien incapable de résoudre cette énigme.
Je vous laisse les CSS :
Code : 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
#load{
    width:100%;
    height:100%;
    position:fixed;
    z-index:9999;
    background:url("imgs/LoaderCarre.gif") no-repeat center center white;
        animation: fadeout 5s;
    -moz-animation: fadeout 5s; /* Firefox */
    -webkit-animation: fadeout 5s; /* Safari et Chrome */
    -o-animation: fadeout 5s; /* Opera */
}
@keyframes fadeout {
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}
@-moz-keyframes fadeout { /* sur Firefox */
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}
@-webkit-keyframes fadeout { /* sur Safari et Chrome */
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}
@-o-keyframes fadeout { /* sur Opera */
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}
ainsi que le HTML placé avant le body et qui se résume à ça:
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
<div id="load"></div>

J'ai un autre souci (dois-je lancer une nouvelle discussion ?).
Mon loader ne prend pas en compte la durée (2 secondes, 4, 8, 15 etc...). Tout se résume à environ 0.8 seconde.
Si vous pouviez m'aider
Merci,
ED