Forum d'entraide PHPFrance

Bonjour,

J'ai créé un nouveau site et je peux vous dire qu'il y a quelque chose qui me tracasse.
En effet, j'ai créé le site en local avec easyphp et tout fonctionne niquel sous FF et IE...
Ce matin, je le met sur internet pour tester, sous IE tout marche comme prévue mais sous FF, il y a un décalage qui se fait en chargeant et faut réactualisé deux ou troi fois pour que tout s'emboite comme il faut...

Quelqu'un peut m'éclairer là dessus?

Le site : http://olivier.descis.info

Merci

Albat90

Personnellement je n'ai aucun problème, ni avec Opera, ni avec Firefox...

Chez moi (FF 2.0.0.3 et IE 7), je n'ai aucun problème...

PS : la bannière qui prend déjà la moitié de la page et qui fait que le contenu ne tiens pas dans la page ... moyen

merci d'avoir répondu...
Depuis deux pc ça me fais la même chose avec FF2.
Le premier affichage est bon mais quand je change de page plusieurs fois, tout se décale :S

Le site site en beta, merci pour la banière, je ne pense pas qu'elle restera

Albat90

Tu as une connexion ADSL ou bas débit ?

J'ai l'adsl 8meg chez wanadoo...

Albat90

Ah, pas normal alors :-/
Tu n'as pas un logiciel qui pourrait modifier le code (firewall, antivirus) ?

Je suis allé sur le site et j'ai eu le bug, un bloc s'est barré sur la droite

Mais un F5 a tout remis en place

Pareil momox mais c'est pas grave, j'azi un nouveau design beaucoup plus beau à présenter et beaucoup plus facile à mettre en oeuvre ^^...

Je constate le bug également... ;)

Coup d'oeil rapide à la source... et là que vois-je ?! Tu sembles incruster un fichier HTML complet en plein milieu de ton <body> : doctype, html, head... sans aller plus loin, ceci peut tout simplement perturber l'affichage. ;)

Avec ie5+, oui, il y a des soucis sur ton site (des decalages intempestifs).

Je viens de le marquer dans un topic au dessus mais je vais le remettre la.

Code : Tout sélectionner

html body "tes selecteurs"{
      /* regles pour firefox et ie */
}
* html body "tes selecteurs"{
      /* regles pour ie5+ seulement*/
}

ie attribue un parent implicite à l'element html.
Et au cas ou, il vaut mieux fixer le padding a 0px et le margin a 0px du body.

Mim, je n'avais pas fait gaffe mais oui, y'a un fichier html complet en plein milieu. :/

Voila, j'ai changer de design (entre autre le positionement des div) et je n'ai plus le problème avec firefox mais maintenant j'ai un probleme avec les IE < IE7.
En effet, lorsque je surf avec IE7 et FF, je n'ai aucun problème.
Mais dés que j'utilise une ancienne version de IE, les div sont décalés et le site ne ressemble plus à rien.
J'ai en ce moment le même problème sur deux sites :
http://olivier.descis.info et http://www.shishiza90.fr

J'ai pensé à des erreurs de CSS mais ils sont validé par W3C...
Ensuite j'ai pensé que certaines commandes peut être mal interprétées par les anciennes version de IE.
Puis au finale, j'ai pensé au doctype de ma page, et que le mode quirk n'est pas le même sur IE7 que sur IE6 et que cela décale tout.

Mon CSS

Code : Tout sélectionner

/* CSS Document */
/*mise en page*/
body{
background-color:#BBA5C1;
}
.conteneur{
margin:0 auto 0 auto;
height:800px;
width:800px;
}
.haut{
background-image:url(images/haut.jpg);
height:42px;
width:800px;
}
.baniere{
height:179px;
width:800px;
}
.gauche{
height:580px;
width:254px;
float:left;
}
.barre{
height:43px;
width:546px;
float:right;
}
.milieu{
background-image:url(images/milieu.jpg);
min-height:474px;
width:546px;
float:right;
}
.texte{
min-height:474px;
width:500px;
margin-left:17px;
}
.bas{
background-image:url(images/bas.jpg);
height:64px;
width:546px;
float:right;
}
.connecter{
height:16px;
width:200px;
font-weight:bold;
margin-left:80px;
margin-top:16px;
float:left;
}
/*news*/
.haut_news{
background-image:url(images/cadres/haut.jpg);
height:37px;
width:499px;
}
.milieu_news{
background-image:url(images/cadres/milieu.jpg);
min-height:103px;
width:499px;
display:table;
}
.bas_news{
background-image:url(images/cadres/bas.jpg);
height:55px;
width:499px;
}
.titre_news{
height:20px;
width:300px;
margin-top:14px;
margin-left:95px;
float:left;
text-align:left;
font-size:18px;
font-weight:bold;
}
.texte_news{
min-height:103px;
width:470px;
margin-top:10px;
margin-bottom:10px;
margin-left:14px;
float:left;
text-align:justify;
text-indent:50px;
}
.nom_news{
height:14px;
width:300px;
float:right;
margin-top:2px;
margin-right:20px;
font-size:13px;
text-align:right;
}
/*liens*/
a:link.ex1 {color:#000; font-size:16px; text-decoration:underline; font-weight: none; }
a:visited.ex1 {color:#000; font-size:16px; text-decoration:underline; font-weight: none; }
a:hover.ex1 { color:#000; font-size:16x; text-decoration:underline; font-weight: bold; }

Est-ce que ça peut venir du CSS?

Merci de vos réponses à tous

Albat90

Forum d'entraide PHPFrance

probleme Firefox et internet explorer.

probleme Firefox et internet explorer.