[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
A voir également:
- [CSS] background au même endroit sous IE et F
- Remettre l'ecran a l'endroit - Guide
- Sfc /scannow /f /r - Guide
- Ie tab - Télécharger - Outils pour navigateurs
- Windows 7 logon background changer - Télécharger - Thèmes & Fonds d'écran
- Comment localiser un endroit - Guide
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
Dedans, un #contenu qui accueillera tout le reste.
+ Les “height” sont uniquement pour la démonstration. Elles sont inutiles.
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.
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