Comment afficher UpdateProgress au centre d'une vue de grille avec CSS?

Question

Vous devez afficher Update Progress au centre d'une vue Grid placée dans un panneau de mise à jour Ajax. Y a-t-il un moyen de placer le contrôle de mise à jour de progreass au centre de la vue de grille (ou sinon le centre de la page) avec le CSS (sans employer le jQuery ou le manuscrit de Java)?

Answer 1

Placez la vue grille et mettez à jour la progression html dans une div wrapper. Positionnez div de manière relative et positionnez la progression de la mise à jour absolument au centre.

Voir cette jsFiddle que j'ai mis en place: http://jsfiddle.net/DDdyU/

styles clés sont

.wrapper 
{ 
    position: relative; 
} 
.updateProgress 
{ 
    position:absolute; 
    top: 50%; 
    left: 50%; 
    margin-left: -50px; 
    margin-right: -20px; 
} 

marges négatives sont la taille de la moitié de la mise à jour cours.

Answer 2

Non seulement avec du code CSS pur, sauf si vous avez absolutely position la div UpdateProgess au milieu du GridView. J'ai l'impression que jQuery serait plus propre si vous pouviez l'utiliser dans votre application.