Discussion :

[Damien R]

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;
}

[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.

[Damien R]

Ci-dessous le code HTML

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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;
}

[blueice]

Rajoute la balise code stp...

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
.jsdomenudiv{
  top:0; left:0,
}

Autrement si tu avais un lien à nous donner ce serait plus facile de t'aider

[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.