Problème d'affichage entre IE et Firefox
Résolu
Missy Elo
Messages postés
38
Statut
Membre
-
Missy Elo Messages postés 38 Statut Membre -
Missy Elo Messages postés 38 Statut Membre -
Bonjour,
J'ai un petit problème d'affichage selon que j'utilise Internet Explorer ou Mozilla firefox.
http://www.locationsaisonniere.be
Si j'ouvre ce lien dans IE, aucun problème! La photo utilisée en background est correctement centrée.
Par contre si vous l'ouvrez avec Mozilla cette photo sera completement décalée vers la gauche et vers le haut.
Ci-dessous le language CSS utilisé pour la partie qui se décale..
D'avance mille et un Merciiii pour votre aide précieuse!
#corps
{
margin-left: 140px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
margin-bottom: 10px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
background-image: url("images/locationsaisonnierebruxelles1.jpg");
background-repeat: no-repeat; /* Le fond ne se répète pas */
background-position: top left; /* Le fond est aligné en haut à droite */
background-attachment: fixed; /* Le fond est fixé */
border: 2px solid black;
color: #000000;
font-size: large;
font-family: "Verdana", "Comique sans MS", Arial, serif;
text-align : center;
}
Merci beaucoup
Elodie
J'ai un petit problème d'affichage selon que j'utilise Internet Explorer ou Mozilla firefox.
http://www.locationsaisonniere.be
Si j'ouvre ce lien dans IE, aucun problème! La photo utilisée en background est correctement centrée.
Par contre si vous l'ouvrez avec Mozilla cette photo sera completement décalée vers la gauche et vers le haut.
Ci-dessous le language CSS utilisé pour la partie qui se décale..
D'avance mille et un Merciiii pour votre aide précieuse!
#corps
{
margin-left: 140px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
margin-bottom: 10px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
background-image: url("images/locationsaisonnierebruxelles1.jpg");
background-repeat: no-repeat; /* Le fond ne se répète pas */
background-position: top left; /* Le fond est aligné en haut à droite */
background-attachment: fixed; /* Le fond est fixé */
border: 2px solid black;
color: #000000;
font-size: large;
font-family: "Verdana", "Comique sans MS", Arial, serif;
text-align : center;
}
Merci beaucoup
Elodie
A voir également:
- Problème d'affichage entre IE et Firefox
- Downloadhelper firefox - Télécharger - Outils pour navigateurs
- Telecharger firefox - Télécharger - Navigateurs
- Affichage double ecran - Guide
- Problème affichage fenêtre windows 10 - Guide
- Exporter favoris firefox - Guide
2 réponses
Slt,
Remplace ces 3 lignes :
background-image: url("images/locationsaisonnierebruxelles1.jpg");
background-repeat: no-repeat; /* Le fond ne se répète pas */
background-position: top left; /* Le fond est aligné en haut à droite */
par :
background: url(images/locationsaisonnierebruxelles1.jpg) no-repeat 50% 50%;
Remplace ces 3 lignes :
background-image: url("images/locationsaisonnierebruxelles1.jpg");
background-repeat: no-repeat; /* Le fond ne se répète pas */
background-position: top left; /* Le fond est aligné en haut à droite */
par :
background: url(images/locationsaisonnierebruxelles1.jpg) no-repeat 50% 50%;