Problème page html de chrome a firefox (encore)

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème page html de chrome a firefox (encore)

Message par kiarie le Ven 18 Mar 2016 - 12:56

Bonjour,

Alors j'avais déjà eu des soucis avec une page html l'autre jour qui s'affichais bien sur Chrome mais pas sur Firefox mais c'était moi qui avait mal fait les choses. Aujourd'hui j'ai le problème inverse! La page s'affiche très bien sur Firefox mais pas du tout sur Chrome alors que j'ai pourtant il me semble bien suivit les instruction fournis par horusbk la dernière fois donc je ne comprends pas bien ce problème d'affichage. c'est comme si chrome ne reconnaissait pas mes div class.



Merci d'avance pour votre aide.

EDIT//

Bon en fait chez moi ça marche sous firefox (mais pas sur chrome) mais je viens de demander a une ami utilisant firefox de me faire une capture et ça n'affiche pas correctement chez elle, ça fait comme sur chrome ... EDIT2// et par contre elle vient de regardé, chez elle sous chrome ça s'affiche correctement ... je comprends plus rien


Dernière édition par kiarie le Lun 21 Mar 2016 - 10:40, édité 2 fois

kiarie
****

Féminin
Messages : 269
Inscrit(e) le : 16/07/2004

http://www.life-in-ny.com
kiarie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème page html de chrome a firefox (encore)

Message par kiarie le Dim 20 Mar 2016 - 13:28

Bonjour,

Je cherche toujours de l'aide pour mon problème, merci d'avance Smile

kiarie
****

Féminin
Messages : 269
Inscrit(e) le : 16/07/2004

http://www.life-in-ny.com
kiarie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème page html de chrome a firefox (encore)

Message par Lixyr le Dim 20 Mar 2016 - 22:31

Bonjour Kiari,

Pour ma part je n'ai aucun soucis d'affichage sur Chrome ou Firefox. Je pourrais avoir un screen du problème ?





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5646
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème page html de chrome a firefox (encore)

Message par kiarie le Dim 20 Mar 2016 - 22:49

Bonsoir, oui bien sur en voila. Chez moi c'est donc la version rempli et donc correcte qui s'affiche sur firefox et simplement le header et titre sur chrome et chez mon amie c'est l'inverse. version correcte sur chrome mais mauvaise sur firefox ....



kiarie
****

Féminin
Messages : 269
Inscrit(e) le : 16/07/2004

http://www.life-in-ny.com
kiarie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème page html de chrome a firefox (encore)

Message par Lixyr le Dim 20 Mar 2016 - 23:03

Ah je n'avais pas cette page... Je pourrais avoir le lien ?





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5646
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème page html de chrome a firefox (encore)

Message par kiarie le Dim 20 Mar 2016 - 23:07

Oui la voici http://blackeden.forumactif.org/h2-fiche-pub-black-eden-n2

kiarie
****

Féminin
Messages : 269
Inscrit(e) le : 16/07/2004

http://www.life-in-ny.com
kiarie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème page html de chrome a firefox (encore)

Message par Lixyr le Dim 20 Mar 2016 - 23:15

Merci.

Je n'ai pas de soucis avec ce lien donc on va corriger les petites erreurs, ça règlera peut-être le soucis.

Donc déjà dans le code HTML :

<div class="contourpub">
<a href="http://"><img src="http://kiarie.free.fr/eden/portfolio/codage/pub/pub2-head.jpg" /></a>
<div class="fondtitreforumpa">
<span>
<div style="width: 500px; background-color : #790e11; transform: rotate(5deg);">
<div class= "titrefopub">Titre Forum</div>
</div>
</span>
</div><br />

Ca ce n'est pas bien. On ne met pas de span autours d'une div. Donc si ça ne gêne pas le code, enlevez les span, que ce soit propre.

(Ca va avec ce JS :


Code:
.fondtitreforumpa span {
    background-color: #000000;
    padding: 0;
}

mais quand je l'enlève ça ne change rien)





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5646
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème page html de chrome a firefox (encore)

Message par Lixyr le Dim 20 Mar 2016 - 23:26

Je me permets un double-post.
Il me semble qu'il manque une div à la fin.

</center>
</center>
</body></html>

serait plutôt :

Code:
</center>
      </div>
   </center>
</body></html>





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5646
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème page html de chrome a firefox (encore)

Message par kiarie le Dim 20 Mar 2016 - 23:32

Ah je ne savais pas pour les span qu'on ne devait pas les placer autour de div.

Mais voila je l'ai retiré et en effet ça ne change rien a mon souci ... Mais ce que je ne comprends vraiment pas c'est pourquoi chez moi il s'affiche bien sur firefox et non sur chrome Mais a l'inverse chez mon amie. Parce que tu coup je ne sais vraiment pas d'ou vient de probleme.

et ah oui pour la div! C'est celle du contour je l'avais oublié et pourtant ce n'est pas faut d'avoir vérifié 36000 que toutes div ouverte était fermé dans le doute que ce soit ça. Mais au final ça ne change toujours rien a l'affichage .. :/

kiarie
****

Féminin
Messages : 269
Inscrit(e) le : 16/07/2004

http://www.life-in-ny.com
kiarie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème page html de chrome a firefox (encore)

Message par Lixyr le Dim 20 Mar 2016 - 23:35

D'accord. J'ai tout regardé et il n'y a pas d'erreur de balise à priori, donc ça doit venir du CSS. reflexion J'aimerais bien avoir le soucis, ça me permettrait de voir l'erreur. Je vais regarder sur un autre PC pour voir.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5646
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème page html de chrome a firefox (encore)

Message par Lixyr le Dim 20 Mar 2016 - 23:40

J'ai reproduit le soucis sur Chrome, et j'ai un tout autre soucis sur Firefox. Je regarde ça.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5646
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème page html de chrome a firefox (encore)

Message par kiarie le Dim 20 Mar 2016 - 23:46

Bien le css est entièrement contenue dans la page et je n'y vois pas ce qui pourrait le faire bugé. Pour ma part j'air regardé sur Chrome depuis mon téléphone portable et ça s'affiche correctement

Mais je n'ai pas compris tout a l'heure tu as dis "je n'avais pas cette page", c'est que tu voyais la page encore d'une autre façon?

Comment ça un autre souci sur firefox?

kiarie
****

Féminin
Messages : 269
Inscrit(e) le : 16/07/2004

http://www.life-in-ny.com
kiarie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème page html de chrome a firefox (encore)

Message par Lixyr le Dim 20 Mar 2016 - 23:48

Tout à l'heure quand j'ai dit "je n'ai pas cette page" c'est parce que j'étais sur une autre page.

Sur mon mac ça ne s'affiche pas bien sur Firefox et Chrome. Je suis en train de regarder.

Juste :

Code:
<div class= "titrefopub">Titre Forum</div>
Peux-tu enlever l'espace entre le égal et le guillemet ?





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5646
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème page html de chrome a firefox (encore)

Message par kiarie le Lun 21 Mar 2016 - 0:03

C'est fait.

kiarie
****

Féminin
Messages : 269
Inscrit(e) le : 16/07/2004

http://www.life-in-ny.com
kiarie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème page html de chrome a firefox (encore)

Message par Lixyr le Lun 21 Mar 2016 - 0:07

C'est... étrange.

Alors déjà on va corriger les petites erreurs de CSS et Script :

</head>
<link href='https://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css' />
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>

les déclarations ne sont pas mises au bon endroit :

Code:
<link href='https://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css' />
  <script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
</head>

On met toujours le CSS dans le head. Après le JS on le met dans le footer mais là ça n'est pas important.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5646
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème page html de chrome a firefox (encore)

Message par Lixyr le Lun 21 Mar 2016 - 0:25

Hon lalalalala !!!

J'ai trouvé. Ca vient d'Adblock. Il ajoute un display: none aux classe titrepub et cadrepub pour les bloquer. Ce doit être les classes utilisées pour les pubs sur les sites web donc il les cache automatiquement.
Pour régler le soucis, il faut donc changer les classes cadrepub par cadre_pub mais aussi changer titrecadre :

Code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<style type="text/css">
body, tr, td {
 font-family: calibri;
 font-size: 12pt;
 font-color: #ffffff;}
 
a:link {color: #790e11;}
a:visited {color: #790e11;}
a:hover {color: #000000;}
a:active {color: #000000;}

::-webkit-scrollbar {
  height: 3px;
  width: 10px;
  background-color: #535353; /* couleur de fond */
}
html > ::-webkit-scrollbar {
  width: 5px; /* largeur de la barre */
}
::-webkit-scrollbar-thumb {
  background: #790e11; /* couleur de la barre qui se déplace */
}
::-webkit-scrollbar-track-piece {
  background-color: #535353; /* couleur de fond */
}

.contourpub {
  width: 500px;
  background-color:#535353;
  border-left:5px #000000 solid;
  border-right:5px #000000 solid;
  border-bottom:2px #000000 solid;
  border-top:2px #000000 solid;
  }
.fondtitreforumpa{
  text-align:center;
  position:relative;
  line-height:15px;
  box-shadow:0 15px 0 0 #000000 inset;
  width:500px;
}
.fondtitreforumpa span{
  background-color:#000000;
  padding:0 0px;
}
.titrefopub {
  font-family: 'Indie Flower', cursive;
  font-size: 50px;
  color:#ffffff;
  text-shadow: 1px 1px 3px #000000
  }
.titre_pub {
  font-family: 'Indie Flower', cursive;
  font-size: 30px;
  color:#790e11;
  text-shadow: 1px 1px 3px #000000;
  }
.cadre_pub {
  width: 450px;
  box-shadow: 0px 0px 5px 5px #000000;
  background-color : #000000;
  padding: 10px;
  font-family: 'calibri';
  font-size: 12px;
  color:#ffffff;
  text-align: justify;
  }
 
.textessimage {
  background-color: #790e11;
  width: 50px;
  height: 50px;
  overflow: auto;
  font-family: calibri;
  font-size: 10px;
  color: #E8E4ED;
  text-align:center;
}
.imagesrtexte a {
  color: #E8E4ED;
}
.imagesrtexte img {
  margin-top: -50px;
  transition: transform 5s;
  -moz-transition: -moz-transform 5s;
  -o-transition: -o-transform 5s;
  -webkit-transition: -webkit-transform 5s;
}
.imagesrtexte:hover img {
  display: none;
}

</style>
<title>Nom de Votre Forum</title>
  <link href='https://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css' />
  <script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
  </head>

<body bgcolor="#535353">
  <center><div class="contourpub"><a href="http://"><img src="http://kiarie.free.fr/eden/portfolio/codage/pub/pub2-head.jpg" /></a><div class="fondtitreforumpa"><span><div style="width: 500px; background-color : #790e11; transform: rotate(5deg);"><div class= "titrefopub">Titre Forum</div></div></span></div><br />
 <div class="titre_pub"><div style="text-align: left; margin-left: 50px;">Contexte</div></div><div class="cadre_pub">bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</div><div class="titre_pub"><div style="text-align: right; margin-right: 50px;">Scénarios</div></div><div class="cadre_pub"><center><table>
<tbody>
<tr>
<td><div class="imagesrtexte"><div class="textessimage"><strong>Prenom Nom</strong><br /><a href="http://">voir fiche</a> </div><img src="http://kiarie.free.fr/eden/portfolio/codage/pub/pub2-scenario.jpg" /></div>
</td>
<td><div class="imagesrtexte"><div class="textessimage"><strong>Prenom Nom</strong><br /><a href="http://">voir fiche</a> </div><img src="http://kiarie.free.fr/eden/portfolio/codage/pub/pub2-scenario.jpg" /></div>
</td>
<td><div class="imagesrtexte"><div class="textessimage"><strong>Prenom Nom</strong><br /><a href="http://">voir fiche</a> </div><img src="http://kiarie.free.fr/eden/portfolio/codage/pub/pub2-scenario.jpg" /></div>
</td>
<td><div class="imagesrtexte"><div class="textessimage"><strong>Prenom Nom</strong><br /><a href="http://">voir fiche</a> </div><img src="http://kiarie.free.fr/eden/portfolio/codage/pub/pub2-scenario.jpg" /></div>
</td>
<td><div class="imagesrtexte"><div class="textessimage"><strong>Prenom Nom</strong><br /><a href="http://">voir fiche</a> </div><img src="http://kiarie.free.fr/eden/portfolio/codage/pub/pub2-scenario.jpg" /></div>
</td>
<td><div class="imagesrtexte"><div class="textessimage"><strong>Prenom Nom</strong><br /><a href="http://">voir fiche</a> </div><img src="http://kiarie.free.fr/eden/portfolio/codage/pub/pub2-scenario.jpg" /></div>
</td>
<td><div class="imagesrtexte"><div class="textessimage"><strong>Prenom Nom</strong><br /><a href="http://">voir fiche</a> </div><img src="http://kiarie.free.fr/eden/portfolio/codage/pub/pub2-scenario.jpg" /></div>
</td>
<td><div class="imagesrtexte"><div class="textessimage"><strong>Prenom Nom</strong><br /><a href="http://">voir fiche</a> </div><img src="http://kiarie.free.fr/eden/portfolio/codage/pub/pub2-scenario.jpg" /></div>
</td>
</tr>
</tbody>
  </table></center></div><div class="titre_pub"><div style="text-align: left; margin-left: 50px;">Nouveautés</div></div><div class="cadre_pub"><font color="#790e11";><strong>00/00/00 :</strong></font> bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
  <font color="#790e11";><strong>00/00/00 :</strong></font> bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
<font color="#790e11";><strong>00/00/00 :</strong></font> bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
<font color="#790e11";><strong>00/00/00 :</strong></font> bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</div><div class="titre_pub"><div style="text-align: right; margin-right: 50px;">Statistiques</div></div><div class="cadre_pub">Le forum compte <font color="#790e11";><strong><span class="FORUMCOUNTUSER"></span> Membres</strong></font> qui ont posté <font color="#790e11";><strong><span class="FORUMCOUNTPOST"></span> messages</strong></font>. Le dernier inscrit est <font color="#790e11";><strong><span class="FORUMLASTUSER"></span></strong></font></div>
  <br /><center><div style="font-family: calibri; font-size: 10px;"><font color="#790e11">Fiche Créée par KIARIE de <a href="http://blackeden.fr">BLACK EDEN</a></font></div></center>
    </div>
  </center></body></html>

(pour vérifier mes dires, vous n'avez qu'à désactiver adblock, vous verrez que ça s'affiche...)





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5646
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème page html de chrome a firefox (encore)

Message par kiarie le Lun 21 Mar 2016 - 10:39

Non mais sérieux quoi! XD Tout ça pour ça!

Merci Lixyr, la c'est clair que je n'aurais jamais pensé a ce problème sans toi. En effet j'ai changé les nom du css et ça s'affiche très bien.

J'ai changé la place de la font et du scripte comme tu me l'as dis. A la base je ne l'avais pas fait car ça affichait mon head en rouge, je pensais donc que c'était une erreur de le faire.

Merci en tout cas d'avoir solutionner mon problème et d'avoir corrigé les petites erreur de mon code. Smile

kiarie
****

Féminin
Messages : 269
Inscrit(e) le : 16/07/2004

http://www.life-in-ny.com
kiarie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème page html de chrome a firefox (encore)

Message par Lixyr le Lun 21 Mar 2016 - 10:55

Pas de soucis. Wink

Pour la déclaration de la police google font et le script, ça ne peut pas générer d'erreur, surtout si on le met à la bonne place. Les erreurs de couleurs viennent du CSS.

Bonne continuation.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5646
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum