Discussion :

[emaluk]

Bonjour à Tous,

Pour afficher le calendrier sur une page aspx je clique sur un boutton et le calendrier s'affiche, seulement à l'affichage il décale les autres contenus vers le bas.

Comment faire pour éviter cette anomalie?

Merci d'avance.

[Immobilis]

Salut,

Tu peux pas trop ou alors il faut le faire en mettant le contrôle dans un DIV et en ajustant le style.

A+

[sebhm]

Bonjour,

le calendrier, c'est un DIV inséré dans la page ?

si tu le mets en

Code :

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

position : absolute;

avec un bon

Code :

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

z-index

, ca devrait l'afficher au dessus de ta page sans rien faire bouger.
Tu l'affiches / le masques avec

Code :

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

display : block / none;

et ca devrait faire ca non ?

[emaluk]

Salut Immobilis et merci pour ta réponse,

Désolé j'avais pas pensé que ça concerné plus le design que la programmation.

Merci sebhm,
En passant par le CSS ça l'air de jouer, maintenant il se superpose sur les autres contenus de la page.

Ce n'est pas dans un div mais dans un panel.

Code css :

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

1
2
3
4
5
6
7
 
.calendar
{
	position :absolute;
	display :block;
	z-index :auto;
}

Question subsidiaire.
Comment utilise t-on une référence CSS dans un Web User Control?

A+

[sebhm]

re,

désolé, mais je ne sais pas ce qu'est un panel
ni un Web User Control ...



C'est propre à ASP ?

[Immobilis]

Salut,

C'est propre au .Net, mais le rendu HTML est normal. Un Panel donne un DIV.

Ce n'est pas dans un div mais dans un panel.

Code css :

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

1
2
3
4
5
6
7
 
.calendar
{
	position :absolute;
	display :block;
	z-index :auto;
}

Le style va s'appliquer si tu mets

Code :

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

1
2
    <asp:Panel ID="Panel3" runat="server" CssClass="calendar">
    </asp:Panel>

Cela donne

Code :

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

1
2
3
 
<div id="ctl00_ContentPlaceHolder1_Panel3" class="calendar">
</div>

A+

[emaluk]

OK, merci encore à vous deux.
J'ai compris. A+