¿Por qué permitís que la imágen se vaya encima del formulario? Podés hacer dos DIVs, uno para la imágen y otro para el formulario, ambos con 50% de ancho (por ejemplo), entonces la imágen que está adentro de uno de los divs nunca podrá pasarse al otro lado por el overflow:hidden
Se entiende? Martín. El 25 de mayo de 2011 15:24, [email protected] <[email protected]>escribió: > 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 > _______________________________________________ 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
