Problème d'affichage avec Firefox [RESOLU]

leeloo06110 · Message par **leeloo06110** » 30 nov. 2006, 04:36

Bonsoir,
J'ai publié une page (faite par NVU) sur mon site qui est lue correctement avec IE.
Lorsque je veux la lire avec Firefox, elle reconnait tout parfaitement bien, mais zappe complètement le fond d'écran que je lui ai attribué. On voit un fond blanc.
Il doit me manquer un détail dans le CSS, mais lequel???

Voici mon code, en espérant que ça pourra vous parler...

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">
<html lang="fr-fr">
<head>
  <meta content="text/html; charset=ISO-8859-15"
 http-equiv="content-type">
  <title>hall</title>
  <meta content="nomdusite" name="author">
  <style title="hall" media="all" type="text/css">
body { font-family: Verdana;
font-size: 0.7em;
color: rgb(0, 0, 0);
font-weight: normal;
font-style: normal;
text-transform: none;
text-align: left;
speak: normal;
text-decoration: none;
background-image: url(file:///C:/..................../SITE/home/img/salle1.jpg);
}
p { font-family: Verdana;
font-weight: bold;
font-style: normal;
text-transform: none;
text-align: center;
text-decoration: none;
background-color: rgb(184, 56, 12);
speak: normal;
font-size: 1.2em;
}
a { font-family: verdana;
font-size: 0.4em;
color: rgb(109, 80, 52);
font-weight: normal;
font-style: normal;
text-transform: none;
text-align: center;
text-decoration: none;
speak: normal;
}
a:hover { font-family: verdana;
font-size: 1em;
color: rgb(223, 201, 88);
font-weight: bold;
font-style: normal;
text-transform: none;
text-align: center;
text-decoration: none;
speak: normal;
}
  </style>
</head>
<body style="direction: ltr;">
<p>PROMENEZ ...................................FIN</p>
<br>
<br>
<div style="position: absolute; top: 62px; left: 78px;"><a
 href="file:///C:/................................/SITE/home/html/liens.html"
 target="_self">Liens</a><br>
</div>
<br>
<div
 style="position: absolute; width: 16px; top: 144px; left: 372px;"><a
 href="file:///C:/..................../SITE/home/nrliste.html"
 target="_self">N/nos r&eacute;cits</a><br>
</div>
<br>
<div
 style="position: absolute; width: 32px; top: 110px; left: 547px;"><a
 href="file:///C:/............................./SITE/home/photos.html"
 target="_self">Photos</a><br>
</div>
<br>
<div style="position: absolute; top: 191px; left: 70px;"><a
 href="http://nomduforum.vosforums.com" target="_blank">Forum</a><br>
</div>
<br>
<div
 style="position: absolute; width: 54px; top: 510px; left: 323px;"><a
 href="file:///C:/....................../SITE/home/html/updn.html"
 target="_self">Un peu de N/nous</a><br>
</div>
<br>
<div
 style="position: absolute; height: 33px; width: 36px; top: 123px; left: 713px;"><a
 href="file:///C:/........................../SITE/home/punliste.html"
 target="_self">nomdelapage</a><br>
</div>
<br>
<div style="position: absolute; top: 314px; left: 640px;"><a
 href="file:///C:/...................../SITE/home/ann.html"
 target="_self">Annonces</a><br>
</div>
<br>
<div
 style="position: absolute; left: 842px; width: 92px; top: 367px; height: 19px;"><a
 href="file:///C:/........................../SITE/home/vc.html"
 target="_self">nomdelapage</a><br>
</div>
</body>
</html>

Je dois préciser que j'ai remplacé certains détails perso par des petits points ou des "nomdesite", par exemple. Ca n'est donc pas une erreur de synthaxe.

Merci de ce que vous pourrez faire.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.8) Gecko/20061025 Firefox/1.5.0.8

Message par **jpj** » 30 nov. 2006, 15:10

Bonjour,

Vi, un ch'tit problème:

Code : Tout sélectionner

href="file:///C:/................................/SITE/home/html/liens.html

Tout ça, c'est sur ton disque dur, en adresse absolue. Il faut passer tous ces liens en relatif avec la même arborescence que celle du site

Code : Tout sélectionner

/html/liens.html

IE va farfouiller dans ton disque, pas Firefox et certainement pas le navigateur des visiteurs de ton site, même avec IE.

Dans Nvu: Insérer une image > Emplacement > Parcourir. Cocher "L'URL est relative à l'adresse de la page". L'arborescence du site en construction sur le disque dur doit être strictement identique à celle qui sera sur le serveur.

Par exemple, si tu est chez Wanadoo, le site sera

Code : Tout sélectionner

http://perso.wanadoo.fr/leeloo06110/

Index.htlm sera

Code : Tout sélectionner

http://perso.wanadoo.fr/leeloo06110/index.html

et ton image

Code : Tout sélectionner

http://perso.wanadoo.fr/leeloo06110/home/img/salle1.jpg

Dans le code de la page, l'adresse de l'image sera

Code : Tout sélectionner

home/img/salle1.jpg

A+

leeloo06110 · Message par **leeloo06110** » 30 nov. 2006, 16:12

Merci beaucoup, c'est très clair et détaillé.
Vous êtes un chef !

Il ne me reste plus qu'à changer ces paramètres et le tour sera joué.

Encore merci

Mais je me demandais si ça peut se faire avec un fond de page, comme c'est le cas ici??
Si j'insère une image, je vois bien comment faire, mais pas avec un fond.

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)

Message par **jpj** » 30 nov. 2006, 16:34

Re,

leeloo06110 a écrit :Vous êtes un chef !

Ah que non, alors! Le habitués du forum peuvent confirmer.

Et d'ailleurs, pour les autres questions, je te conseille plutôt de poster sur le forum Nvu : l'éditeur de pages Web au format HTML.

A+

leeloo06110 · Message par **leeloo06110** » 30 nov. 2006, 16:43

d'accord, je n'ai pas encore bien l'habitude.
C'est gentil de m'aiguiller.
Bonne soirée à vous

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)

Geckozone

Problème d'affichage avec Firefox [RESOLU]

Problème d'affichage avec Firefox [RESOLU]

Qui est en ligne ?