Foros del Web » Creando para Internet » HTML »

alinear en medio de pagina verticalmente!

Estas en el tema de alinear en medio de pagina verticalmente! en el foro de HTML en Foros del Web. Hola, tengo una imagen en una tabla, y quiero alinear esa tabla en medio verticalmente de una pagina, ya sea 1024.... ó 800..... la resolución..., ...
  #1 (permalink)  
Antiguo 22/02/2006, 19:22
 
Fecha de Ingreso: noviembre-2004
Mensajes: 495
Antigüedad: 13 años, 1 mes
Puntos: 0
Pregunta alinear en medio de pagina verticalmente!

Hola, tengo una imagen en una tabla, y quiero alinear esa tabla en medio verticalmente de una pagina, ya sea 1024.... ó 800..... la resolución..., peor que esta tabla siempre este situado verticalemente en medio....si alguien sabes porfa...gracias....Heba80
  #2 (permalink)  
Antiguo 23/02/2006, 10:59
Avatar de KarQ  
Fecha de Ingreso: septiembre-2005
Mensajes: 88
Antigüedad: 12 años, 3 meses
Puntos: 1
Echa un vistazo a esto a ver si te sirve, a mi me va estupendo.

http://www.forosdelweb.com/showpost....3&postcount=21
__________________
KarQ - xC
mi weblog en: http://www.monochromatic.es
  #3 (permalink)  
Antiguo 23/02/2006, 14:47
Avatar de donpincho  
Fecha de Ingreso: enero-2002
Mensajes: 563
Antigüedad: 15 años, 11 meses
Puntos: 1
O lo más sencillo:
Meter toda la página dentro de otra tabla de 1columna/1celda de 100% de ancho y 100% de alto; de borde 0px; y centrar el contenido en Middle y Center

http://www.forosdelweb.com/showpost....8&postcount=56
Intenta utilizar la funcion BUSCAR de este foro para encontrar los mensajes que ya se han contestado...

Gracias
  #4 (permalink)  
Antiguo 23/02/2006, 19:04
Avatar de FuLaNo_  
Fecha de Ingreso: mayo-2003
Ubicación: Don Torcuato, Buenos Aires, Argentina
Mensajes: 1.250
Antigüedad: 14 años, 6 meses
Puntos: 2
lo mas facil es calcular cuanto te ocupa lo que quieres centrar y luego poner porcentajes..

ejemplo: http://www.idealzone.com.ar/

el css es:

Código:
* { margin:0; padding: 0; }

BODY {
  font-family:Verdana, Tahoma, Arial, serif; 
  font-size:10px; font-weight: normal;
  background-color:#FFFFFF;
  color: #666666;
  padding: 0px;
  background-image:url('../img/background.png');
  background-repeat: repeat-y; 
  background-position: center;
  margin: 24% auto 0% auto;
  text-align:center;
  vertical-align:middle;
  overflow: hidden;
}
Como vez, calcule que el 24% desde el margen superior hasta el logo era el ideal para que quedase centrado... o por lo menos YO lo veo centrado tanto en IE como firefox y en 800x600 como en 1024x768...

Si no esta centrado chiflen :p
__________________
I Love Programming...
  #5 (permalink)  
Antiguo 23/02/2006, 22:01
Avatar de baccxus  
Fecha de Ingreso: mayo-2005
Ubicación: Panama city, Panama, Panama
Mensajes: 870
Antigüedad: 12 años, 6 meses
Puntos: 17
Por razones de sueño, respondí una burrada, por eso la borré, saludos
__________________
Al final del día hablar es gratis, codificar no lo es

Última edición por baccxus; 23/02/2006 a las 23:01
  #6 (permalink)  
Antiguo 23/02/2006, 22:35
 
Fecha de Ingreso: febrero-2006
Mensajes: 150
Antigüedad: 11 años, 10 meses
Puntos: 6
Cita:
Iniciado por baccxus
Alguien leyó detenidamente la pregunta de heba80?
Para alinear verticalmente, lo único que debes hacer con CSS, es dar un margen automático a los lados:

<table style="margin: 0 auto;">....

También puedes usar una página CSS externa o ponerlo en el encabezado entre las etiquetas <head>, pero creo que primero deberás instruirte en lo básico de HTML y CSS.

Saludos!
Yo creo que te faltó leerlo mas detenidamente , en mi país lo que has explicado se llama ALINEAMIENTO HORIZONTAL.


Saludos!
  #7 (permalink)  
Antiguo 23/02/2006, 22:58
Avatar de baccxus  
Fecha de Ingreso: mayo-2005
Ubicación: Panama city, Panama, Panama
Mensajes: 870
Antigüedad: 12 años, 6 meses
Puntos: 17
Tienes razón
debe ser el sueño
__________________
Al final del día hablar es gratis, codificar no lo es
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 17:04.