¿Qué es lo que ocurre cuando achicás la ventana? Si el problema es que la imágen excede al div, este debe llevar un overflow: hidden para evitarlo, de forma que sólo se mostraría la parte central de la imágen. Otra posibilidad sería que el tamaño mismo de la imágen sea porcentual, para lo cuál convendría tener una imágen bastante grande, de esta forma el navegador reduciría el tamaño de la imágen al del div. Habría que tener en cuenta que algunos navegadores viejos rompen un poco las imágenes al cambiarles el tamaño.
¿Era ese el problema? ¿Podés mostrar un ejemplo? Martín. El 25 de mayo de 2011 15:13, [email protected] <[email protected]>escribió: > 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 > _______________________________________________ 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
