[css] bug firefox sur un popup

Version imprimable

18/09/2006, 10h25
Damien R

[css] bug firefox sur un popup

Bonjour à tous,

je viens à vous pour un problème qui me prend la tête depuis la semaine dernière.
J'ai un popup, qui en fait est un "div" (voir son css ci-dessous). Celui-ci est invisible au chargement de la page.
Lorsque je passe sur un lien celui-ci devient visible. Lorsque je quitte le lien, il redisparait.
Mon problème vient de Firefox. Chaque fois que le popup apparaît, sa largeur augmente. Par contre sous IE, il n'y a aucun problème.
Auriez-vous une idée de la cause de ce comportement ?

Je vous remercie par avance.

Ci-dessous ma feuille de style :

.jsdomenudiv
{
background-color: #FFF0C1;
background-image: url(../images/office-xp-menu-left.png);
background-repeat: repeat-y;
border: 1px solid #8A867A;
cursor: default;
position: absolute;
z-index: 10;
width:208px;
visibility: hidden;
}
18/09/2006, 10h28
blueice

Il augmente de combien ?
Ca vient sûrement d'ailleurs... il nous faut plus de code, ou alors donne nous une archive ou un lien.

Ci-dessous le code HTML

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<div id="navbar">
  <ul>
    <li class="standard">
      <a href="#">
        <img src="images/new.png" border="0" alt="Nouvelle" title="Nouvelle" />
        <br />Nouvelle
      </a>
    </li>
    <li class="extended">
      <a href="#">
        <img src="images/open.png" border="0" alt="Ouvrir" title="Ouvrir" />
        <br />Ouvrir
      </a>
      <br />
      <a href="#" class="dropdown" id="hoverLink">Recente...</a>  le popup apparait à ce niveau
    </li>
  </ul>
</div>

Ci-dessous le CSS

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
#navbar 
{
    position:absolute;
	left:0px;
	top:32px;
	margin:0 1px 0 0;
	z-index:900;
}
 
#navbar a:link, #navbar a:visited
{
    text-align:center;
    color:#656f7a;
    font-size:11px;
    padding:17px 0 0 0;	
    display: block;
    text-decoration:none;
}
 
#navbar li.standard a:link, #navbar li.standard a:visited 
{
	height:70px;
}
 
#navbar ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
 
#navbar li.standard 
{
	width:81px;
	height:85px;
	margin-right:2px;
	padding: 0;
	list-style-type: none;
	float:left;
	background: url(../images/sousmenu_default.png) no-repeat left top;
}
 
#navbar li.standard:hover
{
	background: url(../images/sousmenu_hover.png) no-repeat left top;
}
 
#navbar li.standard#active_menu
{
	background: url(../images/sousmenu_hover.png) no-repeat left top;
}
 
#navbar li.extended 
{
	width:81px;
	height:85px;
	margin-right:2px;
	padding: 0;
	list-style-type: none;
	float:left;
	background: url(../images/sousmenu_default_ext.png) no-repeat left top;
}
 
#navbar li.extended:hover
{
	background: url(../images/sousmenu_hover_ext.png) no-repeat left top;
}
 
#navbar li.extended#active_menu
{
	background: url(../images/sousmenu_hover_ext.png) no-repeat left top;
}
 
#navbar li.extended  a.dropdown
{
    font-size: 10px;
    margin: -6px 0 0 3px;
    text-align: left;
    width: 78px;
    padding: 0 0 10px 0;
}

18/09/2006, 11h02
blueice

Rajoute la balise code stp... ;)
18/09/2006, 11h44
Candygirl
Hello,

Juste une idée en passant:

Je constate que tu as positionné ton .jsdomenudiv en absolute, mais sans lui donner de position précise. Même si, par défaut, c'est en haut à gauche de son référant qu'il s'affiche il me semble avoir remarqué que sur FF ne pas le spécifier pouvait entraîner un positionnement différent au premier affichage de la page. Essaie de rajouter:
Code:

1 2 3 4 .jsdomenudiv{ top:0; left:0, }
Autrement si tu avais un lien à nous donner ce serait plus facile de t'aider
18/09/2006, 12h07
Damien R

En fait je crois que vous ne pouvez rien faire pour moi.
J'utilise en fait Atlas (le framework Ajax pour ASP.NET).
Au début je pensais que cela venait de mes styles.
Après quelques recherches sur le forum anglais d'Atlas, j'ai découvert que ce bug était connu sous Firefox.

Pour les gens intéressés :
http://forums.asp.net/1402108/ShowThread.aspx#1402108

Merci à vous de vous être penchés sur mon problème. Désolé de vous avoir dérangé pour rien.