1. Accueil
  2. Forum Codes-Sources
  3. Javascript / DHTML

Problème affichage menu déroulant dans firefox et IE6

Signaler
Messages postés
2
Date d'inscription
mardi 5 décembre 2006
Statut
Membre
Dernière intervention
31 octobre 2008
 -
Messages postés
13616
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
 -
Bonjour, je suis en train de refonder un site en ajoutant un menu déroulant
quand je survole une catégorie une liste d'items secondaires doit apparaître

sous IE7: ça marche bien

le problème: sous IE6 pas de liste lors du survol

sous firefox: seuls les 2 premiers items secondaires de chaque catégorie s'affichent (alors qu'en en moyenne 4)

que faire ?

Merci d'avance, je ne suis pas expert du tout et je vous remercie d'avance pour l'aide apportée
Afficher la suite

2 réponses

Réponse 1 / 2
Messages postés
2
Date d'inscription
mardi 5 décembre 2006
Statut
Membre
Dernière intervention
31 octobre 2008
j'ai oublié de vous donner le code dans l'entête du site

http://idata.over-blog.com/2/30/51/39/Menus/nav-bg-l.jpg" class="float-left"> http://idata.over-blog.com/2/30/51/39/Menus/nav-bg-r.jpg" class="float-right">

<li>[Acceuil </li>
<li>[Le Club

<li>[Qui sommes-nous? </li>
<li>[L'equipe du SCV </li>
<li>[J'adhere </li>
<li>[Nos sponsors </li>

</li>
<li>[Le Chalet

<li>[Presentation et visite ! </li>
<li>[La galerie photo </li>
<li>[ href= http://srv04.admin.over-blog.com/mce_href]=" target="_self">Situation - Acces </li>
<li>[Tarifs-Reservations </li>
<li>[Sejours familles </li>
<li>[Sejours groupes </li>
<li>[Les Randos </li>

</li>
<li>[Les Stages

<li>[Presentation </li>
<li>[Dates - Tarifs </li>
<li>[Je m'inscris ! </li>
<li>[Le materiel </li>
<li>[ttp://skivalence.over-blog.net/article-24206894.html La galerie photo] </li>

</li>
<li>[Les Mercredis

<li>[Presentation </li>
<li>[Dates - Tarifs </li>
<li>[Je m'inscris ! </li>
<li>[La galeie photo </li>

</li>
<li>[Les Dimanches

<li>[Presentation </li>
<li>[Calendrier </li>
<li>[Je m'inscris ! </li>
<li>[La galerie photo </li>

</li>
<li>[La competition </li>
<li>[Loisirs

<li>[Presentation </li>
<li>[Programme </li>
<li>[La galerie photo </li>

</li>
<li>[

et la feuille de style

@charset "utf-8";
/* CSS Document */


/*^'^ Navigation Structure ^'^*/
.nav-container-outer{
background: #990000;
padding: 0px;
height: 74px;
background: url(http://idata.over-blog.com/2/30/51/39/Menus/nav-bg.jpg);
}
.float-left{
float: left;
}
.float-right{
float: right;
}
.nav-container .divider{
display:block;
font-size:1px;
border-width:0px;
border-style:solid;
}
.nav-container .divider-vert{
float:left;
width:0px;
display: none;
}
.nav-container .item-secondary-title{
display:block;
cursor:default;
white-space:nowrap;
}
.clear{
font-size:1px;
height:0px;
width:0px;
clear:left;
line-height:0px;
display:block;
float:none;
}
.nav-container{
position:relative;
zoom:1;
margin: 0 auto;
}
.nav-container a, .nav-container li{
float:left;
display:block;
white-space:nowrap;
}
.nav-container div a, .nav-container ul a, .nav-container ul li{
float:none;
}
.nav-container ul{
left:-10000px;
position:absolute;
}
.nav-container, .nav-container ul{
list-style:none;
padding:0px;
margin:0px;
}
.nav-container li a{
float:none
}
.nav-container li{
position:relative;
}
.nav-container ul{
z-index:10;
}
.nav-container ul ul{
z-index:20;
}
.nav-container ul ul ul{
z-index:30;
}
.nav-container ul ul ul ul{
z-index:40;
}
.nav-container ul ul ul ul ul{
z-index:50;
}
li:hover>ul{
left:auto;
}
#nav-container ul {
top:100%;
}
#nav-container ul li:hover>ul{
top:0px;
left:100%;
}


/*^'^ Primary Items ^'^*/ 
#nav-container a{ 
padding:7px 17px 7px 18px;
margin: 10px 0px 0px 0px;
color: #FFFFFF;
font-family: Trebuchet MS, Arial, sans-serif, Helvetica;
font-size:14px;
text-decoration:none;
font-weight: bold;
background: url(http://idata.over-blog.com/2/30/51/39/Menus/item-primary-bg.gif);
background-repeat: no-repeat;
background-position: top;
}


#nav-container a:hover{
color: #6C3600;
background: url(http://idata.over-blog.com/2/30/51/39/Menus/item-primary-bg.gif);
background-repeat: no-repeat;
background-position: center;
}


/*^'^ Secondary Items Container ^'^*/ 
#nav-container div, #nav-container ul{ 
padding:10px 4px 10px 4px;
margin:0px 0px 0px 0px;
background: url(http://idata.over-blog.com/2/30/51/39/Menus/item-secondary-container-bg.jpg);
background-repeat: repeat-x;
background-color: #FF9900;
border-bottom: 1px solid #CA6500;
}


/*^'^ Secondary Items ^'^*/ 
#nav-container div a, #nav-container ul a{ 
padding:3px 10px 3px 6px;
background-color: #FFFFFF;
background: url(http://idata.over-blog.com/2/30/51/39/Menus/item-secondary-bg.jpg);
background-repeat: no-repeat;
background-position: 0px 22px;
font-size:11px;
border-width:0px;
border-style:none;
margin: 0px 0px 0px 0px;
width: 149px;
}


/*^'^ Secondary Items Hover State ^'^*/ 
#nav-container div a:hover, #nav-container ul a:hover{ 
background-color: #FFFFFF;
background: url(http://idata.over-blog.com/2/30/51/39/Menus/item-secondary-bg.jpg);
background-repeat: no-repeat;
color:#CC0000;
}


/*^'^ Secondary Item Titles ^'^*/ 
#nav-container .item-secondary-title{ 
cursor:default;
padding:4px 0px 3px 7px;
color: #6C3600;
font-family: Arial, Trebuchet MS, Arial, sans-serif, Helvetica;
font-size:11px;
/* background: url(http://idata.over-blog.com/2/30/51/39/Menus/item-secondary-title-bg.jpg); */
background-repeat: no-repeat;
font-weight:bold;
}


/*^'^ Horizontal Dividers ^'^*/ 
#nav-container .divider-horiz{ 
border-top-width:1px;
margin:5px 5px;
border-color: #C16100;
}


/*^'^ Vertical Dividers ^'^*/ 
#nav-container .divider-vert{ 
border-left-width:1px;
height:15px;
margin:4px 2px 0px 2px;
border-color:#AAAAAA;
}
Réponse 2 / 2
Messages postés
13616
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
 33
bonjour,

avec FF(3) aucun souci, comme avec IE7 ( pas regardé avec d'autres )

mais j'ai ajouté
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
et modifié :
#nav-container a{
...color: #000000;...

quand à IE6, mon foie... il existait quelques problèmes
( doux euphémisme ) pour ce genre de chose et il
fallait y pallier avec du javascript
mon foie, n'ayant plus IE6, et ayant perdu corps
et bien mes notes s'y rattachant... je ne pourrais
plus t'aider ( surtout que je vais bientôt passer
sur IE 8 )

Cordialement

          Bul [mon Site] [M'écrire]        
Répondre Posez votre question