Page 1 sur 1
problème de reception de site
Publié : 13 mai 2008, 18:58
par timon
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)
reception de site
Publié : 13 mai 2008, 19:16
par timon11
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)
Publié : 13 mai 2008, 19:46
par Ymai
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
Publié : 13 mai 2008, 19:53
par Fabrice.Tres.Net
Ou tout simplement un fichier css mal chargé... dans ce cas on recharge la page par CTL F5 (court-circuite le cache sous FF)
Publié : 14 mai 2008, 00:38
par Mongo Bob
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.
Publié : 14 mai 2008, 09:51
par Mongo Bob
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.