Centrar un elemento horizontal y verticalmente. ¿como?

darkgaze · #1 (**permalink**) 14/09/2006, 07:48

Es eso exáctamente.

Quiero que una animacion flash que he hecho quede elegantemente colocada en medio. ABSOLUTAMENTE en medio de la pagina. Como se hace para que quede en medio verticalemnte tambien?. Quiero que ocurra con todas las resoluciones, claro.

Gracias

Daniel Ulczyk · #2 (**permalink**) 14/09/2006, 09:37

Fijáte el siguiente código:

Código PHP:

   <html>
   <head>
      <title>Victoria's Vertical Centering - Test Page</title>
      <style type="text/css">
         html, body   { background-color: red; height: 100%; margin: 0; padding: 0;
                        color: white; text-align: center; }
         div#centered { border: 0; background-color: white; height: 50%; width: 50%;
                        position: absolute; left: 25%; top: 25%; color: black; }
      </style>
   </head>
   <body>
      <div id="centered">
         Vertically centered div
            (<a href="http://murphy.cz/victoria-s-vertical-centering/" title="Victoria's Vertical Centering">see comments</a>).
      </div>
   </body>

de la página: http://murphy.cz/victoria-s-vertical-centering/
De esta forma con HTML y CSS obtenés el efecto deseado. Debés luego insertar el SWF dentro del DIV.
Saludos
</html>

darkgaze · #3 (**permalink**) 15/09/2006, 16:23

Bueno. Muchisimas gracias. Me ha servido.

Pero es un codigo totalmente propio. Al final me ha quedado la linea de div-centered..

el resto lo he quitado, porque salía como le daba la gana.

Y además, había uqe cambiar el por ciento de top y left, ya que mi swf es mucho mas grande.

Muchas gracias :)