Incompatibilité corsée IE FF

Tch3tch · 28 Décembre 2006

Bien le bonjour!

Je poste mon premier sujet avec un problème de taille, j'suis sympa hein?

Non mais serieux j'enrage, je programme mon site tout propre en AJAX avec PSP et easyPHP, tout baigne sous firefox du début a la fin. J"essaie sous IE et rien ne marche!

Bon OK j'aurais pu verifier avant mais bon...

Lla dernière fois c'était parce que j'avais oublié un guillemet, firefox gère impec mais IE, il plante. J'aimerai tant dire tout le mal que je pense d'IE mais je ne suis pas un Troll.

Toujours est-il que là je pige pas pourquoi ça marche pas voici la page :

http://www.karafactory.com/Karav15/index.php

Vous remarquez que :

-L'image est centrée sous ff et pas sou IE

-j'ai fait des zones réactives en CSS qui apparaisse sous FF mais pas sou IE

Si vous pouviez me donner une petite piste j'en serait ravi!

Merci par avance!

Tch

baulet · 28 Décembre 2006

bonjour

jolie réalisation !!!

sous firefox j'ai des carrés et rectangles en contour blanc sur les boutons???? (version 1.5.08 linux)

idem avec le 2 sous win xp.

sous ie (win xp) pas de carrés mais comme tu dis le site n'est pas centré, et barres ascenseurs .

bon courage :thumbsup:

Tch3tch · 28 Décembre 2006

"jolie réalisation !!!"

Merci, merci!

Ouais, les rectangles blancs vont être viré, ils sont là pour m'aider a placer les boites, je ne suis pas en WYSYWIG

En tout cas merci pour ton message parce que :

1) comme ça je constate que tu vois les mêmes choses que moi (la dernière fois toutes les personnes du forum me disaient qu'il n'y avais pas de souci)

2)j'ai besoin de courage!

++

karnabal · 28 Décembre 2006

Salut,

Si vous pouviez me donner une petite piste j'en serait ravi!

Et si tu commençais par mettre un doctype ? Tu peux aussi veiller à n'utiliser que des miniscules dans ton code.

Tch3tch · 28 Décembre 2006

Bon j'ai mis un Doctype, et pour les minuscules... j'ai le droit d'voir la flemme? Non sans rire ça change vraiment qqch... je n'ai j'amais eu de problème avec...

EN fait je soupçonne le CSS parce que c'est ça qui ne marche pas j'ai l'impression.

Je l'appelle avec ça

Puis après c'est ça :

body
{
background:black;
}
/* Le css qui centre TOUT */
#global
{
position:absolute;
top:0px;
bottom:0px;
margin-left:auto;
margin-right:auto;
position:relative;
width:900px;
height:720px;
overflow:auto;
}
/*L'INDEX*/

/*menu lattéral*/
#news
{
position:absolute;
top:153px;
left:38px;
width:148px;
height:43px;
border:solid white 2px ;
}
#profile
{
position:absolute;
top:273px;
left:38px;
width:148px;
height:43px;
border:solid white 2px ;
}
#links
{
position:absolute;
top:395px;
left:38px;
width:148px;
height:43px;
border:solid white 2px ;
}
#contact
{
position:absolute;
top:515px;
left:38px;
width:148px;
height:43px;
border:solid white 2px ;
}
/*cercles*/
#in3d
{
position:absolute;
top:30px;
left:506px;
width:65px;
height:65px;
border:solid white 2px ;
}
#inco
{
position:absolute;
top:118px;
left:297px;
width:65px;
height:65px;
border:solid white 2px ;
}
#inil
{
position:absolute;
top:326px;
left:212px;
width:65px;
height:65px;
border:solid white 2px ;
}
#inph
{
position:absolute;
top:534px;
left:300px;
width:65px;
height:65px;
border:solid white 2px ;
}
#infa
{
position:absolute;
top:117px;
left:714px;
width:65px;
height:65px;
border:solid white 2px ;
}
#inju
{
position:absolute;
top:325px;
left:800px;
width:65px;
height:65px;
border:solid white 2px ;
}

/*Les pop-ups*/
#newsfond
{
position:absolute;
top:0px;
left:210px;
background-image:url(newsfond.jpg);
width:524px;
height:708px;
z-index:1;
visibility:hidden;
}
#newsclose
{
position:absolute;
top:29px;
left:475px;
width:16px;
height:16px;
border:solid white 2px ;
}
#newstextfr
{
position:absolute;
top:30px;
left:25px;
color:#66FFFF;
width:460px;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
}
#newstexten
{
position:relative;
left:25px;
top:350px;
color:#CCFFFF;
width:460px;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
}

#profilfond
{
position:absolute;
top:120px;
left:210px;
background-image:url(profil.jpg);
width:450px;
height:400px;
z-index:1;
visibility:hidden;
}
#profilclose
{
position:absolute;
top:32px;
left:377px;
width:26px;
height:26px;
border:solid white 2px ;
}
/*Framaplayer*/
#framaplayer
{
position:absolute;
bottom:38px;
left:7px;
z-index:2;
}
/*LES GALLERIES*/

/*Ici on met en place les deux éléments de la galerie ; les miniature et la zone ou apparaissent les grandes images*/

#thumbs
{
position:absolute;
top:176px;
width:300px;
height:407px;
background-image: url("background.jpg");
overflow:auto;
}
/*Le css qui fait ques les thumbails sont bien rangés*/
#thimage
{
border:black solid 2px;
margin:3px;
}
/*Le CSS qui met l'endroit où l'image est agrandie*/
#image
{
position:absolute;
top:0px;
left:300px;
height:720px;
width:600px;
overflow:auto;
}
/*UNe place au chaud pour le framaplayer*/
#gframa
{
position:absolute;
bottom:0px;
left:0px;
}
/*Voici les "maps" des liens*/
#galil
{
position:absolute;
top:13px;
left:48px;
width:45px;
height:45px;
}
#galco
{
position:absolute;
top:13px;
left:127px;
width:45px;
height:45px;
}
#gal3d
{
position:absolute;
top:13px;
left:205px;
width:45px;
height:45px;;
}
#galfa
{
position:absolute;
top:86px;
left:48px;
width:45px;
height:45px;
}
#galju
{
position:absolute;
top:86px;
left:127px;
width:45px;
height:45px;
}
#galph
{
position:absolute;
top:86px;
left:205px;
width:45px;
height:45px;
}
#index
{
position:absolute;
top:150px;
left:63px;
width:175px;
height:20px;
}

<edit=admin: Merci d'utiliser les balises CODE et CODEBOX pour entourer le code>

Tch3tch · 28 Décembre 2006

"<edit=admin: Merci d'utiliser les balises CODE et CODEBOX pour entourer le code>"

Ah ouais c'est vachement plus joli comme ça... Merci!

xpatval · 28 Décembre 2006

Tu as surtout la possibilité de valider le code.

Pour la partie html, c'est ici

Pour les css, c'est là.

A noter que tes styles css sont validées, ce qui n'est pas le cas du html. Autrement dit, tant que ton code comportera des erreurs, il y a fort à parier que le rendu risque d'être différent de ce que tu souhaitais, et d'autant plus sur des navigateurs respectueux ou non des standards.

Commence par corriger les erreurs, ensuite ce sera plus clair de voir ce qui ne va pas...

xpatval

Tch3tch · 28 Décembre 2006

OUahhhhhhh!!

Mais cet outil est génial!!

Trop fort!!!

Merci!!!!!

Tch3tch · 28 Décembre 2006

Ok super grace a W3C j'ai vu pleins de bétises... des balises mal fermés des commentaires boiteux...

Cool ce truc!

MAIS CA MARCHE TOUJOURS PAS!!!! :nonono:

:whistling:

Pardon, désolé d'avoir crié!!

Toujours est-il que c'est pas le CSS ouf.... Ca peut pas être le PHP sinon firefox planterai aussi... Non là serieux je sèche!

Merci a tous de tenter le coup en tous cas! Vive les forums! Vive Hub!

Tch3tch · 1 Janvier 2007

Bonjour et bonne année a tous!

J'ai testé et archi testé avec le W3C validator, pas moyen d'arriver a quelque chose! Vu que j'utilise du "include" donc du PHP ça aide pas!!

Bon je met mon code, juste au cas où quelqu'un veuille bien s'y pencher, mais j'avou que je trouve ça tellement lourd d'essayer de comprendre un code que si personne n'y jette un oeil je ne me vexerai pas... Le contraire m'inqiéterai même!

Non mais serieux, je fais une appartée là, une question a ceux qui nous aide, nous pauvre débutant (ou presque) que nous sommes, comment vous faîtes?? Ca m'échappe!

Sinons juste une autre idée géniale comme le W3C validator et je me dépatouillerai!

Donc je vous donne mon code brute de décoffrage :

Voici la page principale :

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
  <link rel="stylesheet" type="text/css" href="cssgalleries.css">
  <title>Kara's Official Website</title>

<script language="javascript" src="/framaplayer/framaplayer.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
function ouvrir(nom)
  {
  document.getElementById(nom).style.visibility="visible";
  }
function fermer(nom)
  {
  document.getElementById(nom).style.visibility="hidden";
  }
<?
include('ajax.php');[color=#FF0000](*)[/color]
?> 

</SCRIPT>
</head>

<body onLoad="ShowPage('index','page')">
  <div id=global>
  <div id=framaplayer>
  <script language="JavaScript" type="text/javascript">
  //FramaPlayer. Download, license, contact : http://framaplayer.keonox.com/ 
  fpa = new Array(); fpa['FlashVars'] = new Array();
  fpa['type']='lite';
  fpa['defaultfile']='http://www.karafactory.com/Karav15/musique/karaplaylist.xml';
  fpa['FlashVars'][0] = 'autolaunch';
  Framaplayer(fpa);
  </script>
  </div>
	<div id="page">

[color=#FF0000]<!-- C'est dans cette DIV que le AJAX fait apparaitre les pages-->[/color]

	</div>
	</div>



<div id="profilfond">
<a href="#" id="profilclose" onClick="fermer('profilfond')"></a>
</div>

<!-- LES NEWS -->

<DIV id="newsfond">

<A href="#" id="newsclose" onClick="fermer('newsfond')"></A>

<!-- Le text des news -->

<p id="newstextfr">
Bonjour à tous !

En ce moment, je travaille sur ma nouvelle  bande dessinée intitulée Le Bleu du Ciel (Editions Soleil). Il sagit dun récit de vampires très atypique qui je lespère, revisitera le thème du vampirisme sous un angle inattendu et original. Cela explique en partie le fait que les mises à jours de mon site sont assez rares en ce moment. En effet, presque tous mes travaux actuels sont en fait des commandes de clients externes et de ce fait, je ne peux les mettre en ligne immédiatement, sans léser ces derniers. Je dois donc attendre parfois plusieurs mois avant de les proposer sur mon site (même en basse définition).
Je vous remercie tous par avance de votre patience et vous invite à découvrir pour le moment, une petite partie de mes travaux récents et anciens. Croquis davant 2002 qui ont plutôt bien vieillis, illustrations récentes, montages photographiques amateurs, etc... en attendant une prochaine mise à jour plus conséquente.
Bonne visite !"
</p>
<p id="newstexten">
Hi everybody !

Actualy, I am working on my new comics project : Le Bleu du Ciel (Soleil Productions). It will be a story about vampires, but with an orginal story (I hope ^0^ !).
I want to apologies to you about my updates. They are not many because all of my works are for externals costumers. So I must wait several month before to post some of them in my website. So, I invite you to discover a little part of my most recent and earlier works in roughs, illustrations, amateur photographies, and so on...

Stay tunned !
</p >
</DIV>
</body>
</html>

(*)Voici le code AJAX

var xhr = null;
function getXhr()
{
	 if(window.XMLHttpRequest)xhr = new XMLHttpRequest(); 
else if(window.ActiveXObject)
  { 
  try{
	 xhr = new ActiveXObject("Msxml2.XMLHTTP");
	 } catch (e) 
	 {
	 xhr = new ActiveXObject("Microsoft.XMLHTTP");
	 }
  }
else 
  {
  alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
  xhr = false; 
  } 
}

function ShowPage(page,recipient)
{
getXhr();
xhr.onreadystatechange = function()
	{
	 if(xhr.readyState == 4 && xhr.status == 200)
	 {
	 document.getElementById(recipient).innerHTML=xhr.responseText;
	 }
	}
xhr.open("GET","liens.php?page="+page,true);
xhr.send(null);
}

Enfin voici la page d'accueil que le AJAX appelle a l'ouverture du site.

<IMG SRC="fond.jpg" onClick="fermer('newsfond'),fermer('profilfond')">
<!-- 
menu lateral 
-->

<A href="#" onClick="ouvrir('newsfond'),fermer('profilfond')" id="news"></A>
<A href="#" onClick="ouvrir('profilfond'),fermer('newsfond')" id="profile"></A>
<A href="#" id="links"></A>
<A href="#" id="contact"></A>

<!-- 
cercles 
-->

<A href="#" onClick="ShowPage('g3d','page')" id="in3d"></A>
<A href="#" onClick="ShowPage('gil','page')" id="inil"></A>
<A href="#" id="inco" onClick="ShowPage('gco','page')"></A>
<A href="#" id="infa" onClick="ShowPage('gfa','page')"></A>
<A href="#" id="inju" onClick="ShowPage('gju','page')"></A>
<A href="#" id="inph" onClick="ShowPage('gph','page')"></A>

Merci infiniment!

karnabal · 1 Janvier 2007

Vu que j'utilise du "include" donc du PHP ça aide pas!!

C'est le code recraché que tu dois passer au validateur.

Tch3tch · 1 Janvier 2007

Il faut que je le mette entier dans le validateur, et ensuite je rajoute les includes??

Nom d'une rocking chair irlandaise! Des fois on me donne des solution d'une simplicité que je sais pas où me mettre!!

Je vérifie ça tout de suite!

Modifié 1 Janvier 2007 par Tch3tch

Tch3tch · 1 Janvier 2007

Bien le bonjour!

Ma page est valide : Enfin!! Voir Ici

Mais je ne sais pas par quelle bizarrerie mais il semplerai que monimage de fond apparaisse puis disparaisse a la seconde d'après... (ça se voit quand on réactualise...)

http://www.karafactory.com/Karav15/index2.php

Voilà un nouvel élément de l'enquête!

Tch3tch · 3 Janvier 2007

Bon ça y est j'ai résolu mon problème! Merci a vous tous.

Alors je vous livre mes solution pour que ce sujet puisse profiter a d'autre :

1èrement : Un ptit coup de W3C validator, franchement ça aide!

2 : J'avais un conflit de variable en AJAX:

La fonction était "Showpage(page, recipient)" La première variable sert a choisir la page (index.php, galerie.php...) et la deuxième la "<DIV>" dans laquelle on insère la page. (les images des galleries s'affiche dans une autre <div>)

Cependant l'une de mes <div> avait pour "id" : "page".

Firefox a compris mais pas IE...

3 -Mes "maps" en CSS (tuto ici) ne marchais pas par dessus une image inséré avec la balise <IMG SRC>, je ne sais pas pourquoi mais ça faisait tout planter avec IE! Je les ai mise avec la fonction CSS background-image et ça a roulé

4 j'avais un problème de centrage avec IE mais le tuto suivant m'as aporté la solution.

Moralité : IE c'est une grosse daubasse pointilleuse qui galère grave a afficher une page (même validé par W3C!!). Franchement il y a tellement de bon navigateurs gratos! Arrétez avec ce truc, sérieux! (quoi?? Non c'est pas un troll!!)

Merci a ceux qui m'ont aidé!

Connexion

Incompatibilité corsée IE FF

Sujets conseillés

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Veuillez vous connecter pour commenter