Salut à tous,
Je lis souvent les forums, mais c'est la première fois que je participe.
J'ai un souci technique avec IE 7
Voici mon souci.
Je dev un site Web (pas celui de mon profil) sur lequel j'ai mis en place une barre de chargement qui s'affiche, avec en arrière plan un DIV transparent qui teinte/floute le fond de page.
Tout fonctionne nickel, sauf sur IE où je n'arrive pas à positionner le fond de la barre de défilement avec 0 px à gauche.
Pas de soucis pour le top, mais mon fond se trouve en milieu de page dans la largeur.
Voici le code CSS :
#cache correspond au fond de page qui fonce la page avec en arrière plan les éléments du site qui charge.
#barre correspond au cadre blanc centré dans la page. Il contient la barre de chargement du site.
html>body #cache c'est mon hack CSS pour tenter de positionner $cache à 0 px à gauche de la page.
Impossible. J'ai pas de marge dans le top, mais je ne peux pas du côté gauche.
Savez vous comment je peux arriver à corriger ce problème ?
J'ai essayé avec les margin-left 0, toujours le pb.
Merci de votre aide, je peux donner le lien en MP
Modifié par Olivier69 (07 Oct 2008 - 01:21)
Je lis souvent les forums, mais c'est la première fois que je participe.
J'ai un souci technique avec IE 7
Voici mon souci.
Je dev un site Web (pas celui de mon profil) sur lequel j'ai mis en place une barre de chargement qui s'affiche, avec en arrière plan un DIV transparent qui teinte/floute le fond de page.
Tout fonctionne nickel, sauf sur IE où je n'arrive pas à positionner le fond de la barre de défilement avec 0 px à gauche.
Pas de soucis pour le top, mais mon fond se trouve en milieu de page dans la largeur.
Voici le code CSS :
#cache {
width: 100%; height: 100%;
top: 0; left: 0; padding: 0px;
position: absolute;
z-index: 10;
background-color: #000000;
visibility: hidden;
opacity: .70; filter: alpha(opacity=65);
}
/*------Hack CSS IE-------*/
html>body #cache {
position: fixed;
opacity: .80;
filter: alpha(opacity=75);
top: 0; left: 0; padding: 0px;
}
#barre {
background-image: url(../images/background/hachure.png);
background-repeat: repeat;
width: 250px; height: auto;
font: bolder 12px Verdana, Arial, Helvetica, sans-serif; color: #000000;
padding-top: 10px; padding-bottom: 10px;
text-align: center;
margin-right: auto; margin-left: auto; margin-top: 250px;
z-index:20;
}
#cache correspond au fond de page qui fonce la page avec en arrière plan les éléments du site qui charge.
#barre correspond au cadre blanc centré dans la page. Il contient la barre de chargement du site.
html>body #cache c'est mon hack CSS pour tenter de positionner $cache à 0 px à gauche de la page.
Impossible. J'ai pas de marge dans le top, mais je ne peux pas du côté gauche.
Savez vous comment je peux arriver à corriger ce problème ?
J'ai essayé avec les margin-left 0, toujours le pb.
Merci de votre aide, je peux donner le lien en MP
Modifié par Olivier69 (07 Oct 2008 - 01:21)