El primer div, <div class="grid_2 alpha"> debería tener overflow: hidden
Lo tiene? El 25 de mayo de 2011 15:38, [email protected] <[email protected]>escribió: > Justo eso es lo que tengo :) > > <div class="grid_2 alpha"> > <img class="image" title="Please enter your login details." alt="Please > enter your login details." src="view/image/login.png"> > </div> > <div class="grid_2 omega"> > Username:<br> > <input type="text" style="margin-top: 4px;" value="" > name="username"> > <br> > Password:<br> > <input type="password" style="margin-top: 4px;" value="" > name="password"> > </div> > > 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]> > > > ¿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 > > > _______________________________________________ > 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
