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

Reply via email to