[CSS] background au même endroit sous IE et F
florianasse
Messages postés
6
Statut
Membre
-
Gihef Messages postés 5165 Statut Contributeur -
Gihef Messages postés 5165 Statut Contributeur -
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
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
Configuration: Windows XP Firefox 2.0.0.6
2 réponses
-
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.
-
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; }
