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: [email protected] / [email protected] / [email protected]
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
