Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1328 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Menu : décallage IE et FireFox

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Menu : décallage IE et FireFox

n°1214891
rom1-91
Posté le 04-10-2005 à 19:17:10  profilanswer
 

Bonjour sur le menu vertical de mon site :
http://www.ma-meteo.new.fr
j'ai un petit problème assez courant : en effet, sous FireFox il n'y a pas d'espace entre les différents boutons alors que sous IE il y en a pas mal...  
je sais que toutes les balises bloc (sauf <div> ) possèdent des marges internes (padding) et externes (margin) par défaut.
Le problème est que cette valeur par défaut est différente d'un navigateur à l'autre et provoquera un rendu différent sur chaque navigateur.
 
Mais je ne sais pas comment résoudre ce problème   ?
 
voici le code css de mon menu :
/*-----------------------Menu vertical--------------------------*/
 
#menuvertical { width: 180px; }  /*attributs du menu */
#menuvertical * { list-style: none; margin: 0; padding: 0; } /* attributs des puces */
#menuvertical a, #menuvertical h2 { font: bold 11px arial, helvetica, sans-serif; display: block; border-width: 1px; border-style: solid; border-color: #000000; margin: 0; padding: 0; } /* attributs communs aux catégories et liens */
#menuvertical h2 { color: #ffffff; background: #3B4E77; } /* attributs spécifiques aux catégories (ici : Menu Simple et Menu Avec Extension) */
#menuvertical a { color: #000000; background: #E0E0E0; text-decoration: none; } /* attributs des liens au repos */
#menuvertical a:hover { color: #000000; background: #FF6633; } /* attributs des liens au passage de la souris */
#menuvertical li { position: relative; }  
#menuvertical ul ul ul { position: absolute; top: 0; left: 100%; width: 100%; }
div#menuvertical ul ul ul, div#menuvertical ul ul li:hover ul ul {display: none;}
div#menuvertical ul ul li:hover ul, div#menuvertical ul ul ul li:hover ul {display: block;}

mood
Publicité
Posté le 04-10-2005 à 19:17:10  profilanswer
 

n°1214897
FlorentG
Posté le 04-10-2005 à 19:20:19  profilanswer
 

Bah si les valeur des margin et padding sont différentes, il faut les définir toi-même ;)

n°1214898
FlorentG
Posté le 04-10-2005 à 19:20:38  profilanswer
 

PS : c'est quoi cet engouement en ce moment pour les sites de météo :??:

n°1214901
rom1-91
Posté le 04-10-2005 à 19:22:10  profilanswer
 

je ne comprend pas trop Florent ce que tu veux dire dans ton premier post ?

n°1214906
FlorentG
Posté le 04-10-2005 à 19:28:32  profilanswer
 

Tu as dis que certains éléments ont des margin et padding par défaut, dont les valeurs changent suivant les navigateurs... Donc à toi de les redéfinir pour que ces valeurs soient partout pareil.
 
Genre si un élément à un padding de 5px sous IE, et 10px sous FF, bah fait un  

pouet {
  padding: 5px;
}


Comme ça tout le monde aura le même padding

n°1214924
rom1-91
Posté le 04-10-2005 à 19:44:35  profilanswer
 

en fait je voudrais que le menu soit sérré comme il l'est actuellement sous FireFox...
 
j'ai donc mis 0px au padding
ce qui donne
 
/*-----------------------Menu vertical--------------------------*/
 
#menuvertical { width: 180px; }  /*attributs du menu */
#menuvertical * { list-style: none; margin: 0px; padding: 0px; } /* attributs des puces */
#menuvertical a, #menuvertical h2 { font: bold 11px arial, helvetica, sans-serif; display: block; border-width: 1px; border-style: solid; border-color: #000000; margin: 0px; padding: 0px; } /* attributs communs aux catégories et liens */
#menuvertical h2 { color: #ffffff; background: #3B4E77; } /* attributs spécifiques aux catégories (ici : Menu Simple et Menu Avec Extension) */
#menuvertical a { color: #000000; background: #E0E0E0; text-decoration: none; } /* attributs des liens au repos */
#menuvertical a:hover { color: #000000; background: #FF6633; } /* attributs des liens au passage de la souris */
#menuvertical li { position: relative; }  
#menuvertical ul ul ul { position: absolute; top: 0; left: 100%; width: 100%; }
div#menuvertical ul ul ul, div#menuvertical ul ul li:hover ul ul {display: none;}
div#menuvertical ul ul li:hover ul, div#menuvertical ul ul ul li:hover ul {display: block;}
 
mais rien ne se passe...


Message édité par rom1-91 le 04-10-2005 à 20:21:05

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Menu : décallage IE et FireFox

 

Sujets relatifs
menu deroulant avec div et cssMenu Roll over
Problme script Google Adsense sous firefoxmenu contextuel dans IE
Menu contextuel sur OperaSVP:comment créer un lien pour bouton sous flashds un menu!?!?!,
Problème XML/XSL sous firefox[CSS] IE n'aime pas mon code...
menu style onglet avec coin cassémenu select qui affiche/cache les lignes d'un tableau
Plus de sujets relatifs à : Menu : décallage IE et FireFox


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR