Este enlace puede serte de utilidad en el renglón Creating Flexible Images: http://www.flexiblewebbook.com/files.html
*-----Mensaje original----- *De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En nombre *de reynie...@gmail.com *Enviado el: miércoles, 25 de mayo de 2011 01:43 p.m. *Para: Ovillo, la lista de CSS en castellano *Asunto: [Ovillo] Centrar imagen horizontal y vertical * *Hola listeros: *Estoy realizando un diseño con 960.gs y todo perfecto pero me he encontrado *con un pequeño problema que no logro resolver. Tengo un DIV contenedor con *una imagen dentro (ver codigo debajo) y necesito que esa imagen quede *centrada siempre tanto vertical como horizontalmente para asi poder tener un *diseño fluido/elastico de forma tal que cuando la resolucion de los *monitores sea menor entonces todo quede de la misma forma ;). Este es el *HTML asociado: * *<div class="grid_2 alpha"> * <img src="view/image/login.png" alt="<?php echo $text_login; ?>" *title="<?php echo $text_login; ?>" class="image" /> *</div> * *He intentado con este codigo CSS: * *.image{position:relative;top:50%;left:50%;}* y se centra bien pero solo en *altas resoluciones como la mia que es 1900x1080 pero si uso WebDeveloper *(extension de FF) y redimensiono a 800x600 paff todo se echa a perder. *Alguna ayuda? * *Saludos *Ing. Reynier Pérez Mira *Cel: +58 416.921.7406 / 416.012.1226 *Twitter: twitter.com/reypm *Correo: reynie...@gmail.com / reynie...@hotmail.com / reynie...@yahoo.com *_______________________________________________ *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
