[CSS] background au même endroit sous IE et F

Fermé
florianasse Messages postés 6 Date d'inscription vendredi 1 juin 2007 Statut Membre Dernière intervention 10 juin 2009 - 10 août 2007 à 14:50
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 - 10 août 2007 à 22:15
Bonjour,
J'ai un problème avec le design CSS d'unede mes pages.
En effet, j'ai eu du mal a mettre correctement mon background et quand j'y suis arrivé sa ne marchait que sur FF pas sur IE.
Par exemple sur cette page : http://www.stephanois.net/live/live.php?live=1
Vous pouvez voir que les griffes s'affichent correctement sous FF, mais sur IE il y a des décalages.

body {
width: 666px;
padding: 0;
margin: 0 auto;
text-align:center;
font-family: "Trebuchet MS";
color: black;
background-image:url('http://img517.imageshack.us/img517/281/griffe1pz1.jpg'); background-position: top center; background-repeat:no-repeat;
}



Comment faire pour que sa se mette au même endroit sous les deux, et surtout avec des résolutions différentes...??

Merci d'avance
A voir également:

2 réponses

Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 778
10 août 2007 à 17:21
Bonjour,

Je ne sais pas trop, mais je remarque que ton <body> fait “666px” et que ton image en fait 938.

Essaye en t'y prenant autement. Quelque chose qui est indépendant du <body>, quelque chose comme ça
<?xml version="1.0" encoding="ISO-8859-15"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">

<head>
<title>Proposition pour asse</title>
    <meta http-equiv="Content-type" content="text/html; charset=iso-8859-15" />

    <style type="text/css">
    html, body {
      margin: 0;
      padding: 0;
      text-align: center;
      background-color: #fff;
      }
    #conteneur {
      position: relative;
      margin: 0 auto;
      width: 938px;
      height : 1200px;
      text-align: left;
      border : 1px solid #000;
      background : url(http://img517.imageshack.us/img517/281/griffe1pz1.jpg) left top no-repeat;
      }
    #contenu {
      margin : 0 144px;
      width : 650px;
      height : 1000px;
      border : 1px dashed #a55;
      }
    </style>

</head>
<body>
    <div id="conteneur">
      <div id="contenu">

<!-- et tout le reste vient ici  -->

      </div>
    </div>
</body>
</html>
Le #conteneur affiche l'image en fond.
Dedans, un #contenu qui accueillera tout le reste.


+ Les “height” sont uniquement pour la démonstration. Elles sont inutiles.
0
florianasse Messages postés 6 Date d'inscription vendredi 1 juin 2007 Statut Membre Dernière intervention 10 juin 2009
10 août 2007 à 17:48
Sa marche pas, enfin je dois faire un truc de mal je crois.
Tu peux rentre mon adresse MSN stp juste pour résoudre ce soucis.

no_spamflorian_bertheloot@hotmail.fr (sans le no_spam)

Merci d'avance
0
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 778
10 août 2007 à 22:15
Et, plus précisément comme ça ?

J'ai laissé mes styles dans la page et simplement modifié un peu ta feuille de style :
body {
  /*width: 666px;
  padding: 0;
  margin: 0 auto;
  text-align:center;*/
font-family: "Trebuchet MS", sans-serif;
color: black;
}
td.equipe, td.score {
  text-align : center;
  }
0