Foros del Web » Creando para Internet » HTML »

Centrar un elemento horizontal y verticalmente. ¿como?

Estas en el tema de Centrar un elemento horizontal y verticalmente. ¿como? en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 14/09/2006, 08:48
Avatar de darkgaze  
Fecha de Ingreso: febrero-2006
Ubicación: Madrid, España
Mensajes: 462
Antigüedad: 11 años, 9 meses
Puntos: 2
Pregunta Centrar un elemento horizontal y verticalmente. ¿como?

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
  #2 (permalink)  
Antiguo 14/09/2006, 10:37
Avatar de Daniel Ulczyk
Moderador
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 9.175
Antigüedad: 12 años, 9 meses
Puntos: 2072
Centrar con HTML y CSS

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>
__________________
—Somos lo que hacemos repetidamente. La excelencia, entonces, no es un acto sino un hábito. (Aristóteles dixit)
  #3 (permalink)  
Antiguo 15/09/2006, 17:23
Avatar de darkgaze  
Fecha de Ingreso: febrero-2006
Ubicación: Madrid, España
Mensajes: 462
Antigüedad: 11 años, 9 meses
Puntos: 2
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 :)
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:41.