Foros del Web » Creando para Internet » CSS »

Centrar imagen verticalmente. AYUDA x dios!!

Estas en el tema de Centrar imagen verticalmente. AYUDA x dios!! en el foro de CSS en Foros del Web. Es muy simple solo quiero centrar una imagen , verticalmente en la pantalla del navegador, tenga la resolucion que tenga. el atributo de tabla HEIGHT="100%", ...
  #1 (permalink)  
Antiguo 23/05/2008, 17:02
 
Fecha de Ingreso: diciembre-2003
Mensajes: 310
Antigüedad: 14 años
Puntos: 4
Centrar imagen verticalmente. AYUDA x dios!!

Es muy simple
solo quiero centrar una imagen , verticalmente en la pantalla del navegador, tenga la resolucion que tenga.

el atributo de tabla HEIGHT="100%", ya no funciona mas en los exploradores nuevos.
No funciona si utilizo el siguiente Doc Type:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">


Y no encuentro la forma de hacer con DIVs mediante CSS.
Es posible esto???

al div le pongo el atributo height 100%, pero siempre queda pegado al margen superior !!!!!!!!!
nunca toma la altura total de la pantalla.
  #2 (permalink)  
Antiguo 23/05/2008, 18:24
Avatar de geek08  
Fecha de Ingreso: mayo-2008
Ubicación: En algun lugar...
Mensajes: 31
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: Centrar imagen verticalmente. AYUDA x dios!!

Hola florlangosta..
no entiendo bien tu pregunta, pero seria algo asi?
.algo{float:left;width:100%;margin-top:10px;}

Suerte
  #3 (permalink)  
Antiguo 24/05/2008, 09:48
 
Fecha de Ingreso: diciembre-2003
Mensajes: 310
Antigüedad: 14 años
Puntos: 4
Respuesta: Centrar imagen verticalmente. AYUDA x dios!!

lo hago mas facil.

Decino en CSS un contenedor el cual quiero que tenga el alto y ancho total de la ventana de navegador, es decir, 100%. Seria asi:

#contendor {
height: 100%;
width: 100%;
}


Luego creo el DIV, asi:

<div id="contendor">Contenido del contenedor</div>

Entonces, el ancho si lo veo al 100% de la ventana, pero el alto NO.
El contenido queda todo contra el margen superior.
No me respeta el alto del 100% de la ventana.

AYUDAAAAAAAAAAAAA!!!
  #4 (permalink)  
Antiguo 24/05/2008, 17:56
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Centrar imagen verticalmente. AYUDA x dios!!

Cita:
Iniciado por florlangosta Ver Mensaje
Es muy simple
solo quiero centrar una imagen , verticalmente en la pantalla del navegador, tenga la resolucion que tenga.
Cita:
al div le pongo el atributo height 100%, pero siempre queda pegado al margen superior !!!!!!!!!
nunca toma la altura total de la pantalla.
No entiendo bien. ¿Quieres centrar verticalmente una imagen en la pantalla, o quieres que ocupe el 100% de alto? Creo que son cosas diferentes.

Bueno, como creo que la pregunta en realidad es la segunda, te puedo decir que cuando pones a una caja que tenga el 100% de alto, deberá tener el 100% de algo, es decir, de su contenedora. Si en este caso no hay ninguna medida en su caja contenedora, efectivamente dibuja el 100% de... nada.

Esto se resuelve poniéndole altura al html y al body, que son los contenedores de una caja que está puesta directametne tras el body. Purébalo así:

html, body { width: 100%; height: 100%;}

Así les hemos dado tamaño respectivamente, y tu caja podrá ahora tener el 100% del body, que mide el 100% del html, es decir, de tu página.

Espero haberme explicado bien, y espero que te funcione.

Mikel.
  #5 (permalink)  
Antiguo 26/05/2008, 08:53
 
Fecha de Ingreso: diciembre-2003
Mensajes: 310
Antigüedad: 14 años
Puntos: 4
Respuesta: Centrar imagen verticalmente. AYUDA x dios!!

Excelente Mikmoro !!!!
Buenisima explicacion, funcionó perfecto.

Solo una duda....
Cualquier cosa que pongo dentro de ese DIV, ya sea texto o imagen, me lo margina contra arriba, es decir , contra el margen superior.

Como hago para que lo centre verticalmente dentro del DIV ??

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 01:39.