Sujet Précédent Sujet Suivant

Site web différent avec les mêmes navigateurs

Résolu/Fermé
dayan-x Messages postés 49 Date d'inscription samedi 10 février 2007 Statut Membre Dernière intervention 22 février 2009 - 19 sept. 2008 à 19:12
dayan-x Messages postés 49 Date d'inscription samedi 10 février 2007 Statut Membre Dernière intervention 22 février 2009 - 19 sept. 2008 à 19:50
Bonjour,
j'ai rencontré un problème que je n'avais au par avant jamais rencontré.
J'ai fait la découpe du design de mon site que j'ai créé sur thegimp, je l'ai testé sur ff3.0.1, ie67, safari.. Il n'y avait aucun problème:
https://imageshack.com/
Et puis au lycée, je l'ai retesté sous ie ainsi que firefox, et voilà se que j'ai obtenu:
https://imageshack.com/
Je n'arrive pas à comprendre, je respecte toutes les normes w3c etc. J'ai utilisé majoritairement des .png et des .jpg.
Quelle peut être la cause de ce genre de problèmes?
A voir également:

4 réponses

Réponse 1 / 4
the sentinel Messages postés 726 Date d'inscription dimanche 6 juillet 2008 Statut Membre Dernière intervention 2 janvier 2009 145
19 sept. 2008 à 19:16
sans le code source de ta page c'est pas évident de t'aider...
0
Réponse 2 / 4
dayan-x Messages postés 49 Date d'inscription samedi 10 février 2007 Statut Membre Dernière intervention 22 février 2009 4
19 sept. 2008 à 19:24
Tu penses que ça peut avoir un rapport avec le code? C'était quand même sur les mêmes navigateurs à quelques versions près. Voici mon code:

___________________________________

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>Pti n°1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="style.css" />
</head>
<body>

<div id="conteneur">
<div id="nav">
<ul>
<li><a href="#">Ma messagerie</a> |</li>
<li><a href="#">Mon profil</a> |</li>
<li><a href="#">Modifier mon profil</a> |</li>
<li><a href="#">Mes amis</a> |</li>
<li><a href="#">Déconnexion</a> |</li>
</ul>
</div>
<div id="logo">
</div>
<div id="menu_h">
</div>
<div id="droite">
<form action="" method="post">
<fieldset>
<legend>Connexion</legend>
<label for="pseudo">Pseudo</label><input type="text" name="pseudo"/><br />
<label for="password">Mot de passe</label><input type="password" name="password"/><br />
<input type="submit" value="valider"/>
</fieldset>
</form>
</div>
<div id="haut_contenu">
</div>
<div id="contenu">
</div>
<div id="bas_contenu">
</div>
<div id="bas">
</div>
</div>
</body>
</html>

___________________________________

body {
font-family: Calibri, Verdana, Tahoma, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}
a{
color:#000;
}
ul{
list-style:none;
}
label {
display:block;
width:80px;
float:left;
}
.submit{
border:solid #525252 1px;
}
/* / / / / / / / / / / / / / / / / / / / / / / / / / / / / / /
/ / / / / / / / / / / LE CONTENEUR / / / / / / / / / / /
/ / / / / / / / / / / / / / / / / / / / / / / / / / / / / /*/
#conteneur {
width: 1024px;
margin: 0 auto;
}
/* / / / / / / / / / / / / / / / / / / / / / / / / / / / / / /
/ / / / / / / / / BARRE DE NAVIGATION / / / / / / / /
/ / / / / / / / / / / / / / / / / / / / / / / / / / / / /*/
#nav{
height:25px;
background:url(img/nav.png) no-repeat left;
margin:0 12px 0 12px;
}
.menuhaut {
list-style-type: none;
margin: 0;
padding:0;
}
#nav ul {
float:right;
}
.menuhaut li {
display: inline;
}
.menuhaut a {
margin: 0 2px;
color: #e4e4e4;
line-height:22px;
text-decoration:none;
}

/* / / / / / / / / / / / / / / / / / / / / / / / / / / / / / /
/ / / / / / / / / / / / LE HAUT / / / / / / / / / / / /
/ / / / / / / / / / / / / / / / / / / / / / / / / / / / /*/
#haut {
height:69px;
width:1006px;
margin:0 9px 0 9px;
}
/*/ / / LE HEADER / / /*/
#header {
height:10px;
}
/*/ /LE MENU HORIZONTAL / /*/
#menu_horizontal{
height:59px;
background:url(img/contenu_haut.png) no-repeat bottom left;
}
#menu_horizontal ul {
float:right;
margin-right:50px;
margin-top:0px;
}
#menu_horizontal li {
float:left;
background:url(img/onglet_bleu.png);
margin-left:20px;
}
#menu_horizontal a:hover {
background:url(img/onglet_hover.png);
}
#menu_horizontal a {
text-align:center;
display:block;
width:102px;
height:30px;
padding-top:9px;
color:#fff;
font-weight:bold;
text-decoration:none;
}

#menu_horizontal .accueil{
background:url(img/onglet_accueil.png);
}
#menu_horizontal .accueil:hover{
background:url(img/onglet_accueil_hover.png);
}

#recherche{
float:left;

width:170px;
margin-top:13px;
}
#recherche input{
float:left;
font-size:10px;
}
.rechercher{
width:75px;
margin-left:20px;
border:solid black 1px;
}

/* / / / / / / / / / / / / / / / / / / / / / / / / / / / / /
/ / / / / / / / / / / LE CONTENU / / / / / / / / / / /
/ / / / / / / / / / / / / / / / / / / / / / / / / / / /*/
#contenu {
min-height:550px;
margin:0 9px 0 9px;
padding:0 5px 0 5px ;
background:url(img/contenu.png) repeat-y;
}
#pied{
height:24px;
margin:0 9px 0 9px;
background:url(img/contenu_bas.png) no-repeat;
}
/*Centre*/
#centre {
width:612px;
margin-left:200px;
min-height:550px;
}
/*Gauche*/
#gauche {
float:left;
width: 200px;
}
/*Droite*/
#droite {
float:right;
width: 190px;
min-height:200px;
}
#droite h1{
padding:0 0 0 19px;
margin:0;
color:#FFF;
display: block;
height:34px;
line-height:30px;
width:170px;
background:url(img/connexion.jpg) no-repeat top left;
font-size:1em;
font-weight:bold;
}
#droite label{
margin-left:8px;
}
#droite input{
margin-bottom:5px;
font-size:12px;
}
#droite a{
font-size:11px;
}
.lien_bleu{
color:#4771bf;
}
#droite .submit{
margin-left:20px;
margin-top:5px;
}
/*Pied*/
#pied {
height: 24px;
clear:both;
text-align:center;
}

___________________________________
0
Réponse 3 / 4
the sentinel Messages postés 726 Date d'inscription dimanche 6 juillet 2008 Statut Membre Dernière intervention 2 janvier 2009 145
19 sept. 2008 à 19:41
a mon avis cela doit venir du css a mon avis. j'ai eu le même probléme avec un de mes site et j'ai dû tout reprendre le code en le testant rn parralèle sur ie et firefox et cela ligne par ligne... avec un peu de chance la modification à apporter se situera dans les premiéres...

bon courage
0
Réponse 4 / 4
dayan-x Messages postés 49 Date d'inscription samedi 10 février 2007 Statut Membre Dernière intervention 22 février 2009 4
19 sept. 2008 à 19:50
ok, merci beaucoup sentinel, il me reste plus qu'à trouver le/les problème(s). Mais tu as eu un si gros problème? Parce que là quand même: le contenu en gris, les onglets décalés, la bordure totalement changé. Mais je pense que tu as raison je ne vois pas se que ça peut être d'autre. J'ai aussi remarqué que ça met le même fond noir sur l'onglet "accueil", que derrière le contenu. J'ai déjà une piste =p
0

Discussions similaires

'Votre colis est dans le site de livraison qui dessert votre adresse' que faire
relakztek82 -
Unemeuf -

25 réponses
Colis en cours de transport vers votre site de livraison ?
Ninan_5568 -
senda -

8 réponses
Chemin Logo du site de la Cité de l'espace
Keiios -
blux -

11 réponses
[Navigation Internet] Trace de navigation
Cyril -
megot encore fumant -

10 réponses