problème de reception de site

timon · Message par **timon** » 13 mai 2008, 18:58

bonjour !
lorsque je transfère mon site (avec filezilla) certains de mes amis le reçoivent correctement et pour d'autres n'apparait que la structure et les textes et les images sont décalés vers le bas (?)
merci!
timon
http://www.bethesda.laudun.fr

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

timon11 · Message par **timon11** » 13 mai 2008, 19:16

veuillez m'excuser ,l'adresse du site:
http://www.bethesda-laudun.fr

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

Message par **Ymai** » 13 mai 2008, 19:46

Bonjour
Aucun problème ni sous Firefox, ni sous Opera.
Peut-être une facétie du logiciel à notre ami Bill?

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.9b5) Gecko/2008050509 Firefox/3.0b5

Fabrice.Tres.Net · Message par **Fabrice.Tres.Net** » 13 mai 2008, 19:53

Ou tout simplement un fichier css mal chargé... dans ce cas on recharge la page par CTL F5 (court-circuite le cache sous FF)

Mongo Bob · Message par **Mongo Bob** » 14 mai 2008, 00:38

Ymai a écrit :Peut-être une facétie du logiciel à notre ami Bill?

tout à fait, IE6 affiche les errements rapportés par timon11.
J'oublie toujours les différences d'interprétations entre IE et FF.
Ce qu'il y a de sûr, c'est que ce css pose problème, j'ai rayé les propriétés qui n'ont pas d'incidence sur le pb rencontré :

Code : Tout sélectionner

body {

  margin: 0px 0px 0px -475px;

  width: 950px;

  position: absolute;

  left: 50%;

}
#corps {

  margin-top: auto;

  margin-left: 230px;

  margin-bottom: 50px;

  width: 685px;

}
#menus {

  background: transparent url(images/test.jpg) no-repeat scroll 0% 50%;

  margin-left: 10px ! important;

  margin-right: 0px;

  margin-top: auto;

  padding-top: 13px;

  padding-bottom: 0px;

  margin-bottom: auto;

  width: 212px;

  height: 30px;

}

Je parie qu'avec des largeurs en %, entre autres, ça rentre dans l'ordre, pas de grandes largeurs en pixels.
Essaie au moins pour #menus et #corps, comme :

Code : Tout sélectionner

#corps {

  margin-top: auto;

  margin-left: 10%;

  margin-bottom: 50px;

  width: 60%;

}
#menus {

  background: transparent url(images/test.jpg) no-repeat scroll 0% 50%;

  margin-left: 10px ! important;

  margin-right: 0px;

  margin-top: auto;

  padding-top: 13px;

  padding-bottom: 0px;

  margin-bottom: auto;

  width: 25%;

  height: 30px;

}

faut tester un peu.

Mongo Bob · Message par **Mongo Bob** » 14 mai 2008, 09:51

Au fait,

Code : Tout sélectionner

body {

  margin: 0px 0px 0px -475px;

  font-family: arial;

  font-size: 10pt;

  color: #436368;

  width: 950px;

  position: absolute;

  left: 50%;

}

inutile de centrer le <body>. Il n'y a pas de cas où ce soit utile, je crois.
La manip de centrage ci-dessus : [marge gauche négative égale à la moitié de la largeur + décalage gauche 50% + position absolue ou relative] est utile pour un élément que tu es obligé de laisser en positionné (le <body> est positionné par défaut de plus, donc "position:absolute;" est inutile). Sinon, il vaut mieux tenter de rester dans le flux : pas de positionnement du tout.
Tu as voulu centrer l'ensemble #menus + #corps en les enserrant dans un <body>, donne plutôt de l'air à celui-ci, qu'il s'étale au mieux, donc sans lui spécifier de largeur et par contre, crée un <div> de plus pour contenir #corps et #menus.
Tu laisses ce <div> dans le flux, avec les indispensables margin left et right en auto pour centrer (ça ne marche que si dans le flux (=non positionné)), toutes les largeurs en pourcentages, les #menus et #corps restent dans le flux aussi avec des largeurs additionnées qui arrivent à 100% ou un peu moins.
Je ne sais pas comment tu as fait tes css, aussi, fais signe si tu comprends pas.

Geckozone

problème de reception de site

problème de reception de site

reception de site

Qui est en ligne ?