Site web différent avec les mêmes navigateurs

Résolu

dayan-x Messages postés 49 Date d'inscription Statut Membre Dernière intervention -
dayan-x Messages postés 49 Date d'inscription Statut Membre Dernière intervention - 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?

Afficher la suite

A voir également:

Site web différent avec les mêmes navigateurs
Création site web - Guide
Site de telechargement - Accueil - Outils
Site comme coco - Accueil - Réseaux sociaux
Web office - Guide
Quel site remplace coco - Accueil - Réseaux sociaux

4 réponses

Réponse 1 / 4

the sentinel Messages postés 726 Date d'inscription Statut Membre Dernière intervention 145

sans le code source de ta page c'est pas évident de t'aider...

Réponse 2 / 4

dayan-x Messages postés 49 Date d'inscription Statut Membre Dernière intervention 4

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;
}

___________________________________

Réponse 3 / 4

the sentinel Messages postés 726 Date d'inscription Statut Membre Dernière intervention 145

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

Réponse 4 / 4

dayan-x Messages postés 49 Date d'inscription Statut Membre Dernière intervention 4

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

Discussions similaires

C'est quoi le site qui remplace coco chat

Votre réponse

Discussions similaires