El problema, creo es que la imagen no se mueve de lugar. La imagen tiene un tamaño fijo XxY no se si poniendole un porcentaje la misma se pueda reducir. Aqui les va un pantallazo http://www.dropmocks.com/mVio4 la primera imagen es en una resolucion de 800x600 obvio y la segunda en 1920x1080.
PD: Sabe alguien como configurar Gmail (via web) para que me ponga las respuestas debajo de las que ustedes me dan a mi? Ing. Reynier Pérez Mira Cel: +58 416.921.7406 / 416.012.1226 Twitter: twitter.com/reypm Correo: [email protected] / [email protected] / [email protected] 2011/5/25 Martín Szyszlican <[email protected]> > ¿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 > _______________________________________________ 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
