Bonjour,
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.
Supprimer 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 :
ainsi que le HTML placé avant le body et qui se résume à ça:
Même en mettant la div du loader après le <body>
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 pour votre aide,
LM
Modifié par el_debutanti (22 May 2022 - 14:29)
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.
Supprimer 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 :
#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:
<div id="load"></div>
Même en mettant la div du loader après le <body>
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 pour votre aide,
LM
Modifié par el_debutanti (22 May 2022 - 14:29)
Je ne sais pas si c'est cela, je réfléchis. SI je mets un overflow-x: hidden sur le body, je me retrouve avec DEUX scollbars verticales !