Pays-Froid.Net

Qu'est ce que Pays-Froid.Net

Problème d'affichage entre IE et FF

Posez vos problèmes à propos du CSS

Problème d'affichage entre IE et FF

Messagede al_capon le 29 Oct 2007 18:42

Bon voila j'ai complètement revu le design de mon site (Ici) et j'ai quelque problème d'affichage entre les deux navigateurs.

J'ai déja réussi à règler un certain nombre de problème mais pour d'autre j'ai des problemes, j'espere donc que je pourrai avoir un peu d'aide de votre part.

Mon plus gros problème vient de l'index, je pense comme vous avez pu le voir, il y a en effet un problème d'affichage de fond mais le plus bizarre et que lorsque je ne ferme pas le div contenant se fond il s'affiche parfaitement.

Si vous avez besoin du partie du css ou du contenu du site demander moi.

J'aimerai aussi savoir comment faire pour faire un menu avec des sous-menu, sous-menu qui s'affiche lorsque la souris passe dessus. Je crois qu'il est possible de le faire en css mais je ne sais pas comment.

En esperant une aide de votre part je vous souhaite une bonne journée
Image
Avatar de l’utilisateur
al_capon
Pinguin
Pinguin
 
Messages: 132
Inscription: 27 Juin 2007 0:59

Messagede Geoffroy le 29 Oct 2007 19:30

pour ton menu, fait le en JS, c'est plus facil^^

remplace sous_menu par l'id de ton sous menu
onmouseover="showHide('sous_menu')"

ce qui appelle la fonction suivante (a inclure)
Code: Tout sélectionner
function showHide(field_ID)
{
   var element = document.getElementById(field_ID);
   if(element.style.display == "")
   {
      element.style.display = "none";
   }
   else
   {
      element.style.display = "";
   }
}


Sinon c'est vrai qu'il y a pas mal de problèmes!

pour le header, je te conseil déjà de lui mettre une taille bien fixe, et n'utilise surtout pas de padding.
par contre tu peux faire un petit margin pour qu'il soit au même niveau que le corps.
par contre vu l'image du header, je verai plus ca centré que placé sur la gauche, mais ça, c'est à toi de voir
TIMTOWTDI
Avatar de l’utilisateur
Geoffroy
Crazy Pinguin
Crazy Pinguin
 
Messages: 1332
Inscription: 20 Jan 2007 23:11

Messagede al_capon le 29 Oct 2007 19:38

Merci, a la base tous dois etre center maintenant je comprend pas pourquoi sous FF se n'est pas centrer
Image
Avatar de l’utilisateur
al_capon
Pinguin
Pinguin
 
Messages: 132
Inscription: 27 Juin 2007 0:59

Messagede Geoffroy le 29 Oct 2007 19:58

tu utilise quoi pour centrer?

FF n'a rien contre margin:auto; donc ca ne pose normalement pas de problème^^
TIMTOWTDI
Avatar de l’utilisateur
Geoffroy
Crazy Pinguin
Crazy Pinguin
 
Messages: 1332
Inscription: 20 Jan 2007 23:11

Messagede al_capon le 29 Oct 2007 23:05

C'est bon maintenant c'est centrer

juste le connaissant rien au JS, comment je fait ??

voila le code de mon menu

Code: Tout sélectionner
         <div id="menu1">
         <div id="chromemenu" align="center">
            <ul>
            <li><a href="index.php">Accueil</a></li>
            <li><a href="membre.php">Membres</a></li>
            <li><a href="calendrier.php">Calendrier</a></li>
            <li><a href="classement.php">Classement</a></li>
            <li><a href="joueur.php">Histoire</a></li>
            <li><a href="Reglement.php">Règlement</a></li>
            <li><a href="Regle.php">Règle</a></li>
            <li><a href="palmares.php">Palmarès</a></li>
            <li><a href="galerie.php">Galerie</a></li>
               <ul>
               <li><a href="galerie01.php">Galerie1</a></li>
               <li><a href="galerie02.php">Galerie2</a></li>
               <li><a href="galerie03.php">Galerie3</a></li>
               </ul>
            <li><a href="admin/index.php">Connexion</a></li>
            </ul>
         </div>
         </div>
Image
Avatar de l’utilisateur
al_capon
Pinguin
Pinguin
 
Messages: 132
Inscription: 27 Juin 2007 0:59

Messagede Geoffroy le 29 Oct 2007 23:35

ok, c'est quoi ton sous menu?

la fonction que je t'ai donné est toute simplement, met la dans ton head comme ça :
Code: Tout sélectionner
<script language="javascript">
/**
*@author Geoffroy
*/
function showHide(field_ID)
{
   var element = document.getElementById(field_ID);
   if(element.style.display == "")
   {
      element.style.display = "none";
   }
   else
   {
      element.style.display = "";
   }
}
</script>


et ensuite tu met un id à ton sous menu, et tu ajoute à la balise entourant ton menu le fameux onmouseover="showHide('ID_du_sousMenu');" (en attribut ben sur)
TIMTOWTDI
Avatar de l’utilisateur
Geoffroy
Crazy Pinguin
Crazy Pinguin
 
Messages: 1332
Inscription: 20 Jan 2007 23:11

Messagede al_capon le 30 Oct 2007 19:51

bah enfaite sa donne pas l'effet esperer :cry:, si tu veux je voudrai le meme style que sa mais avec mon menu actuel

de plus il a y un problème d'affichage avec le fond du corps (voir en bas de la page) mais le truc que c'est que lorsque je ferme le div contenant ce fond, le fond ne s'affiche pas. Si quelque sais pourquoi...

Merci d'avance
Image
Avatar de l’utilisateur
al_capon
Pinguin
Pinguin
 
Messages: 132
Inscription: 27 Juin 2007 0:59

Messagede Geoffroy le 30 Oct 2007 23:31

pour ton script, prends simplement celui qu'il y a sur ce site!
Moi je regarderai ca à l'occasion
TIMTOWTDI
Avatar de l’utilisateur
Geoffroy
Crazy Pinguin
Crazy Pinguin
 
Messages: 1332
Inscription: 20 Jan 2007 23:11

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités

cron

Copyright © Pays-Froid.Net

Nous contacter | Notre Histoire | Plan du site | Nos partenaires | Mentions légales | Fil RSS | XHTML 1.0 | CSS 2.0

Partenaire : Waliwaloo - Darklg - Yagoort - Meilleur du Web - Hit Parade