Affichage de site sous IE

Résolu

guillaume -
Lefouerrant Messages postés 567 Date d'inscription Statut Membre Dernière intervention - 29 déc. 2008 à 14:02

Bonjour,

Ayant crée mon site récemment, j'ai distribué le lien autour de moi, aux personnes concernés.

Sous firefox ils fonctionne parfaitement bien, mais sous IE (bien mis à jour) il ne s'affiche pas ...

voici l'adresse : http://friends.of.belzebuth.free.fr

Je n'arrive pas à diagnostiquer le problème, même avec un bon nombres de recherches sur le net.

Merci d'avance de votre aide.

Afficher la suite

A voir également:

Affichage de site sous IE
Site de telechargement - Accueil - Outils
Site comme coco - Accueil - Réseaux sociaux
Quel site remplace coco - Accueil - Réseaux sociaux
Site de partage de photos - Guide
Site x - Guide

5 réponses

Réponse 1 / 5

Lefouerrant Messages postés 567 Date d'inscription Statut Membre Dernière intervention 116

c'est un site compliqué ou tu sais nous donner le code ?

Réponse 2 / 5

guillaume

le code de l'index est :

<!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>
   
   <!-- phpmyvisites -->
<a href="http://st.free.fr/" title="phpMyVisites | Open source web analytics"
onclick="window.open(this.href);return(false);"><script type="text/javascript">
<!--
var a_vars = Array();
var pagename='';

var phpmyvisitesSite = 140522;
var phpmyvisitesURL = "http://st.free.fr/phpmyvisites.php";
//-->
</script>
<script language="javascript" src="http://st.free.fr/phpmyvisites.js" type="text/javascript"></script>
<object><noscript><p>phpMyVisites | Open source web analytics
</p></noscript></object></a>
<!-- /phpmyvisites --> 
   
   <style> 
   body
{
   width: 760px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background-color: rgb(0,0,0); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
}
#en_tete
{
   width: 760px;
   height: 400px;
   background-repeat: no-repeat;
   margin-bottom: 10px;
}
#menu
{
   float: left; /* Le menu flottera à gauche */
   width: 120px; /* Très important : donner une taille au menu */

   background-color: rgb(192,192,192)
}
#sous_menu{
list-style-type:none; /* on enlève la puce */ 
margin: 0; /* on retire les marges intérieures et extérieures */
padding:0; 
width:  100%;  /* J'ai mis une largeur  pour ne pas prendre toute la largeur de l'écran */

}
#sous_menu h4{
color: black;
text-align: center;
background-color: rgb(20,163,159);
}

#sous_menu li{
margin: 0; /* on retire les marges intérieures et extérieures */
padding: 0; 
;  /* ici on affiche  une bordure uniquement en bas */

}
#sous_menu a{
text-decoration:none;  /* on enlève le soulignement */
color:black; 
display:block;   /* C'est ici qu'il faut bien comprendre (j'explique plus bas) */
padding-left:1.5em;  /* une marge intérieure gauche juste pour l'esthétique */
}
#sous_menu a:hover{
background-color: white; 
color:rgb(24,197,192); 
}

.element_menu
{
   background-color: #626262;
   background-repeat: repeat-x;
   
   border: 2px solid black;
   
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}
.element_menu h3 /* Tous les titres de menus */
{    
   color: #B3B3B3;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{

   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}

.element_menu a /* Tous les liens se trouvant dans un menu */
{
   color: #B3B3B3;
}

.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #B3B3B3;
   color: black;
}
#corps
{
   margin-left: 140px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   
   color: rgb(22,275,271);
   background-color: rgb(131,130,129); /* Une couleur de fond pour le corps */
   background-image: ;
   background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */
   
   border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}
#corps h1 /* Tous les titres h1 du corps */
{
   color: black;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2 /* Tous les titres h2 du corps */
{
   height: 30px;

   background-image: url("images/titre.png"); /* Une petite image de fond sur les titres h2 */
   background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
   
   padding-left: 30px;
   color: white;
   text-align: left;
}

#corps a
{
color: black;
}

#pied_de_page
{
   padding: 5px;

   text-align: center;

   color: white;
   
}
a:link{text-decoration:none;color:grey;}
a:visited{text-decoration:none;color:grey;}
a:hover{text-decoration:underline;color:blue;}

ul /* Ma liste aura des puces en forme de dossiers */




</style>
       <title>The Friends Of Belzebuth<title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />		
		<META NAME="keywords" CONTENT="dofus,guilde,the, friends, of, belzebuth,lily, friends.of.belzebuth.free.fr">

		<META NAME="language" CONTENT="fr-FR">
		<META NAME="author" CONTENT="Darkmoll">
		<LINK REL="SHORTCUT ICON" HREF="https://i70.servimg.com/u/f70/11/70/23/84/icone10.gif"> 

   </head>
   <body>
       <div id="en_tete">

<img src="https://i70.servimg.com/u/f70/11/70/23/84/sans_t11.jpg" alt="The Friends Of Belzebuth" title="Nouvelle image à venir"/>
</div>
 
<div id="menu">
   
   <ul id="sous_menu">

   <h4><b>Guilde</b></h4>
      <li><a href="index.html">Accueil</a></li>
      <li><a href="http://ww12.guildjdr.com">Forum</a></li>
      <li><a href="membres.html">Nos membres</a></li>
      <li><a href="avenir.html">Artisanat (bientot)</a></li>
   </ul>

   <br />
   <br />
      <ul id="sous_menu">
<h4><b>Astuces</b></h4>

<li><a href="avenir.html">A venir</a></li>
 <li><a href="avenir.html">A venir</a></li>
   <li><a href="avenir.html">A venir</a></li>

</ul>
<br />
<br />

   
   <ul id="sous_menu">
<h4><b>Liens Divers</b></h4>
<li><a href="http://dofus.fr">Dofus.com</a></li>
<li><a href="http://www.ankama-games.com/fr">Ankama-Games</a></li>
<li><a href="http://www.barbok.fr/">Barbok</a></li>
<li><a href="https://dofus.jeuxonline.info/"> JoL </a></li>

<li><a href="https://forums.jeuxonline.info/forum/276/dofus"> Forum JoL </a></li>
<li><a href="http://www.dofus.tools/index.php?page=accueil"> Dofus tools </a></li>
</ul>



   </ul>
   </div>
   
   <div id="corps">
   <h1>Actus Friends Of Belzebuth</h1> <br> <br>

 
 
   <p> <b> Vendredi 26 decembre 2008 : <br><br>
            Le site est inaccessible sous Internet Explorer. <br>
            Le probléme sera corrigé prochainement, en attendant, il reste accessible sous Firefox.
   </b> </p>
   <br /><center><img src="https://i70.servimg.com/u/f70/11/70/23/84/01410.gif"/></center><br>
  
   
   <p><b>

   
        Jeudi 25 decembre 2008 : <br> <br>
          Joyeux Noël à tous !!! <br><br> <img src="https://i70.servimg.com/u/f70/11/70/23/84/pere-n10.png"> <br> <br>
          <br>
      
   <b></p>
   <br />   <br /><center><img src="https://i70.servimg.com/u/f70/11/70/23/84/01410.gif"/></center>

   
   <p><b>
   
     Jeudi 25 decembre 2008 20h15 :   <br> <br>
       
        Le site des Friends EST OUVERT !!! <br>
        Vous y retouverez de nombreuses astuces et infos sur nous prochainement. <br><br>
     
        Longue vie aux Friends !!!
   
   </b></p><br><br><br>
 

<p><i> Actualisé le 26/12/2008
</i>
</p>

<p>

   
</div>
 
<div id="pied_de_page">
    <i><p>Toutes les images extraites du jeu Dofus sont la propriété d'Ankama Studio ©. Tous droits réservés</p>
	<p>Design by Darkmoll</p>

	
	<a href="#">Haut de Page</a></i>
</div>

   </body>
</html>

Réponse 3 / 5

Lefouerrant Messages postés 567 Date d'inscription Statut Membre Dernière intervention 116

comprend pas...
ca devrait fonctionner

Réponse 4 / 5

guillaume

J'ai trouvé le problème, à la balise title, il manquait un /, firefox le gérait mais IE bloquait dessus, pour changer x')

Merci quand même ! Bye

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 5

Lefouerrant Messages postés 567 Date d'inscription Statut Membre Dernière intervention 116

le plus grand ennemi des programmeurs, c'est les fautes de frappe lol

Discussions similaires

C'est quoi le site qui remplace coco chat

Colis en cours de transport vers votre site de livraison ?

Votre réponse

Discussions similaires