Asumbaa a écrit :
Je n'ai pas bien compris ton histoire de pixels. Une page construite selon les standards t'assure que le rendu sera équivalent (et non pas identique) sur tous les navigateurs modernes. Il faut oublier les placements au pixel près.
Et comment je place alors le background à l'endroit que je veux si je n'utilise pas de % ou de px ?
Imaginons que je centre le background (donc les deux images en une seule), comment faire sans tableau pour ajuster le corps du site ? Si ej centre, ça ne me conviendra pas car tous les textes seront centré et si je laisse tel quel (c'est à dire à gauche), ça n'ira pas non plus. Donc, je serais obligé d'utiliser un tableau pour introduire mes textes et je ne sais pas comment on fait pour définir la disposition du tableau par rapport au bord gauche de l'écran.
Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.1.4322)
Edit : voilà, j'ai essayé de faire comme tu me l'as dit, du moins si j'ai bien compris. Mais j'ai un nouveau soucis maintenant. FF ne prend qu'une petite partie de mon css, même pas le body.
Voici mon code css :
Code : Tout sélectionner
@charset "windows-1252";
A {
color:#8e384c;
text-decoration: none;
text-align: center;
}
A:hover {
color:#8e384c;
text-decoration: underline;
text-align: center;
}
body {
font-family: "Times New Roman", Garamond, Tahoma, sans-serif;
background: #eeeDe9 url(design/background.jpg) no-repeat top 227px;
}
.titre {
text-align: center;
font-size: 20px;
color: #336699;
text-decoration: underline;
font-weight: bold;
}
.corps {
font-size: 14px;
font-weight: bold;
color: #5e96a6;
margin-left: 308px;
}
.coin {
background-image:url(design/coin.jpg);
background-repeat:no-repeat;
background-position:100% 100%;
}
.coin2 {
background-image:url(design/coin2.jpg);
background-repeat:no-repeat;
background-position:100% 100%;
}
Mon code html :
Code : Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="" />
<meta name="generator" content="WebExpert 6" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<title>Legacy of Suikoden</title>
</head>
<body>
<br /><br /><br />
<table width="750" border="0" cellpadding="0" cellspacing="0" summary="" class="corps">
<tr>
<td valign="top" width="680" class="coin">
<div class="titre"><br />Titre</div><br /><br />
<br /><br />
<div style="text-align: center">
<a href="javascript:close_window('')" style="CURSOR: hand"><b>Fermer la page</b></a>
</div>
</td>
<td class="coin2" width="70"> </td>
</tr>
</table>
</body>
</html>
Et voici le lien :
http://novaslash.free.fr/test/test.html
sous IE, tout fonctionne et sous FF, mis à part le style des textes et une seule image, le reste est asbent même la couleyur de background du body n'apparaît pas.
Tant que j'y suis, j'ai utiliser l'attribut margin-left pour positioner mon tableau qui contient le corps du site et je me demandais s'il fallait mieux utiliser des px ou des % pour que ce soit pareil malgré les différentes résolutions.[/quote]
Edit : j'ai réussi a résoudre le problème. En fait, ça venait de cette ligne
background: #eeeDe9 url(design/background.jpg) no-repeat top 227px;
Il faut mettre un attribut par ligne donc j'ai du faire ceci :
body {
font-family: "Times New Roman", Garamond, Tahoma, sans-serif;
background: #eeeDe9;
background-image:url(design/background.jpg);
background-repeat:no-repeat;
background-position:top 209px;
}
Mais maintenant, le background reste constement en haut à gauche de l'écran. Même en utilisant des %, ça ne fonctionne pas. Par contre, si je met center, là pas de soucis. Comment je fais alors pour positionner où je le veux ?
Edit 2 : j'ai refais un test en mettant tout sur une seule ligne et ça fonctionne à la condition que je mette bottom, top, center, ... mais dès que j'utilise des px ou des %, c'est terminé, le background n'apparaît plus et le fond est blanc.
Edit 3 : wahoooo, j'ai trouvé le pourquoi du problème. si je mélange par exemple top 200px, ça ne fonctionne pas. Je dois alors mettre 0px 200px^^
Je vais arrêter de t'embêter avec tout ça après une dernière question. Vaut-il mieux utiliser les px ou les % pour positionner un background pour que ce soit le même quelque soit la résolution ?
