Problème d'affichage entre IE et Firefox
Résolu
Missy Elo
Messages postés
37
Date d'inscription
Statut
Membre
Dernière intervention
-
Missy Elo Messages postés 37 Date d'inscription Statut Membre Dernière intervention -
Missy Elo Messages postés 37 Date d'inscription Statut Membre Dernière intervention -
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
- Video 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%;