[Ovillo] centrar Div verticalmente

2008-07-23 Por tema Diana Gentilini


Hola a todos! Tengo un problemita:

Necesito colocar en una página una imagen de fondo, la cual irá en un div, pero 
esta imagen deberá quedar centrada horizontal Y verticalmente.
He encontrado algunas soluciones en la web, pero no muy legales sobre como 
centrar con CSS verticalmente...

Aclaro que arriba de dicho div, tengo que maquetar otros divs en los cuales 
irán otros con contenidos tales como botones de links, textos, otras imágenes, 
animaciones...

También aclaro que soy nueva en esto... y cuando he logrado resolver un 
problema, me salta otro, como que no se visualiza correctamente en algunos 
navegadores.

Espero puedan ayudarme, y agradezco lo que he aprendido leyendo día a día la 
lista!!!

Saludos,

Diana


_
Express yourself instantly with MSN Messenger! Download today it's FREE!
http://messenger.msn.click-url.com/go/onm00200471ave/direct/01/
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] centrar Div verticalmente

2008-07-23 Por tema Victoria
Hola Diana,

así a bote pronto no entiendo porqué tienes dudas. Si es una imagen de fondo
seguramente la colocarás en un div tal como el contenedor de la página o de
los diseños que estés haciendo, de este modo por encima suyo podrá mostrarse
el contenido e imágenes del resto de capas.

En cuanto al centrado, no acabo de entender si te interesa centrar la imagen
respecto al div o si quieres centrar el div en cuestión respecto a la
página, lo que ya dependerá de la estructura del HTML que hayas elegido.

Si es el caso de la imagen busca una posición porcentual razonable si hay
que centrarlo verticalmente, no siempre será exacto pero como ya has visto
no hay un control que permita la posición de la imagen de fondo en centrado
vertical (sí en horizontal)
   .claseDelDivEnCuestion {background: #color url(imagen) no-repeat 50% 50%;
}

De todos modos, según el formato de la imagen, la importancia de ésta y de
que efectivamente esté centrada, también puedes cuestionarte crear una
imagen lo suficientemente grande como para que ocupe el 100% del div y se
redimensione con éste. Es un buen método para garantizar que las imágenes se
redimensionan con los cambios de visualización del usuario.

Un saludo

Victoria


El día 23 de julio de 2008 15:35, Diana Gentilini 
[EMAIL PROTECTED] escribió:



 Hola a todos! Tengo un problemita:

 Necesito colocar en una página una imagen de fondo, la cual irá en un div,
 pero esta imagen deberá quedar centrada horizontal Y verticalmente.
 He encontrado algunas soluciones en la web, pero no muy legales sobre
 como centrar con CSS verticalmente...

 Aclaro que arriba de dicho div, tengo que maquetar otros divs en los cuales
 irán otros con contenidos tales como botones de links, textos, otras
 imágenes, animaciones...

 También aclaro que soy nueva en esto... y cuando he logrado resolver un
 problema, me salta otro, como que no se visualiza correctamente en algunos
 navegadores.

 Espero puedan ayudarme, y agradezco lo que he aprendido leyendo día a día
 la lista!!!

 Saludos,

 Diana


 _
 Express yourself instantly with MSN Messenger! Download today it's FREE!
 http://messenger.msn.click-url.com/go/onm00200471ave/direct/01/
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo