2010-01-07 7 views
2

J'ai trouvé quelques techniques utilisées pour aligner verticalement une DIV sur la page, la plupart d'entre eux décrit ici:alignement Vertially un DIV sur la page entière

http://blog.themeforest.net/tutorials/vertical-centering-with-css/

Mais, le projet, je travaille utilise maintenant fortement Javascript sur un DIV aligné dans le centre vertical d'une page. Est-ce que quelqu'un connaît une méthode (de préférence pas basée sur Javascript) pour garder la DIV alignée verticalement au centre de l'écran même quand sa hauteur change via Javascript?

Et aussi avec une propriété height: auto si possible, donc cela change avec mon contenu.

Merci.

+0

Voulez-vous strictement CSS? C'est assez facile à faire avec des tables si vous êtes prêt à enfreindre la règle des tables-aren't-for-layout. –

+0

Les tables sont une option je suppose, et probablement le meilleur. Je ne suis pas vraiment anale à propos de l'utilisation de tableaux pour la mise en page de toute façon, je pense que je vais aller avec eux. Merci. – Matt

+0

http://giveupandusetables.com/ Je suis habituellement un peu plus patient que cela, mais à un moment donné, vous abandonnez juste :) – ephemient

Répondre

-1

Ce n'est pas testé, mais essayer:

margin-top: auto; 
margin-bottom: auto; 
+2

C'est équivalent à 'margin-top: 0; margin-bottom: 0; ' – eyelidlessness

+0

Oui, après les tests, j'ai trouvé que ça ne marchait pas. –

Questions connexes