Discussion :

[chichone]

Bonjour,
j'ai un soucis concernant une page où j'ai plusieurs Div, dans un div il y a un calendrier qui peut s'ouvrir en cliquant sur l'image. Le problème c que le calendrier s'affiche bien sous Firefox à l'aide de z-index et des position relative et absolute que j'ai mis dans la css, mais sous ie7 c ne marche pas.
j'ai consulté plusieurs forums avant de postuler ici, pas de solution majeur.
Est-ce possible de m'aider?

[pop_up]

je pense que si tu mets ton code, ou pourra déjà essayer de t'aider

[chichone]

css:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
div.cal
{
	position: absolute;
	top: 1px;
	left: 90px;
	z-index:1;
}
 
div.cal div
{
	z-index:2;
}

page jsp

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<tr>
<td class="col">
			Date 
</td>
<td class="recherche">
<div style="position:relative;">
<input type="text" name="date" size="20" tabindex="6" value="">
<span dojoType="cal" name="date"></span>
</div>
</td>

[Candygirl]

bonjour,

Ta portion de code ne nous est pas d'une grande utilité puisqu'on n'y trouve pas de div avec une classe "cal" ?

mais sous ie7 ça ne marche pas.

Pourrais-tu décrire un peu plus ton problème ? Il n'y a rien qui ne s'affiche (auquel cas il faudrait peut-être peut-être mieux poster sur un forum de programmation)? ou alors au mauvais endroit ?

Aurais-tu un lien pour observer le problème ?

[chichone]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<td class="Recherche">
<div style="position: relative;">
<input type="text" value="" tabindex="6" size="20" name="date" style="width: 7em;"/>
<div class="cal">
<img style="vertical-align: middle; cursor: pointer;" dojoattachevent="onclick: onDropdown;" dojoattachpoint="ode" alt="date" src="/static/calendrier.gif" title="select a date"/>
<div style="display: block; position: absolute;" dojoattachpoint="subWidgetContainerNode">
<div class="dateContainer" dojoattachpoint="datePickerContainerNode" style="">
</div>
</div>
</div>
</td>

c marche bien sous firefox le faite d'afficher le calendrier, il y a pas de superposition avec d'autres éléments notamment div à l'aide de z-index, sauf que sous ie c ne marche pas, il y a une superposition, on ne voit pas le calendrier entier

[chichone]

vous avez des suggestions comment on peut régler le problème de la superposition sous ie sans passer par z-index?