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
