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: reynie...@gmail.com / reynie...@hotmail.com / reynie...@yahoo.com
2011/5/25 Martín Szyszlican <marti...@gmail.com>
> ¿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, reynie...@gmail.com <reynie...@gmail.com
> >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: reynie...@gmail.com / reynie...@hotmail.com /
> reynie...@yahoo.com
> >
> >
> >
> > 2011/5/25 Martín Szyszlican <marti...@gmail.com>
> >
> > > ¿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, reynie...@gmail.com <reynie...@gmail.com
> > > >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: reynie...@gmail.com / reynie...@hotmail.com /
> > > reynie...@yahoo.com
> > > > _______________________________________________
> > > > Lista de distribución Ovillo
> > > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > > > 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 Ovillo@lists.ovillo.org
> > > 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 Ovillo@lists.ovillo.org
> > 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 Ovillo@lists.ovillo.org
> 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 Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
