Hola!
Marcos, he aplicado lo que me dijistes en los 2 correos, tanto en la clase
columna1 y la clase imagen columna 1, y ahora ya se ve bien a resoluciones
mayores de 1200px, pero si reduzco la pantalla a 800X600, se me vuelven a
descolocar la disposición de las imágenes y su contenido.
http://www.pruebasgerman.com/companyo/entorn.html
Que tengo que hacer mediaqueries específicos para cada resolución para que
me quede todo ok?.
Saludos i gracias a todos por vuestra ayuda.
Germán Vaquer
-----Mensaje original-----
From: marcos méndez filesi
Sent: Wednesday, October 24, 2012 12:37 AM
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] duda responsive design
+ cosas.
*1)* Para prevenir que la imagen te escojone las cápsula (Empedrats...),
como te ocurre con la segunda de la segunda fila, conviene que especifiques
una altura máxima a las imágenes. Para eso puedes añadir una clase a las
imágenes
.img_columna1 {
width:100% !important;
max-height: 10em;
overflow:hidden;
margin:1em;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
*2)* En vez de
<meta name="viewport" content="width=device-width">
mejor así
<meta name="viewport" content="width=device-width, initial-scale=1,
user-scalable=yes">
*3)* Como estás con cajitas flotantes, te conviene que todas las columnas
estén dentro de un div que las contenga y en ese es importante que añadas
overflow:hidden, para que la tostadora del explorer haga las cosas bien.
4) No veo que el diseño sea responsive. No sé si es que aún no has
empezado. Te dejo un enlace a una guía que espero te sirva de ayuda.
http://www.mmfilesi.com/blog/tutorial-responsive-web-design-i
SUERTE.
El 23 de octubre de 2012 23:56, german vaquer
<germ...@telefonica.net>escribió:
> Hola buenas!
>
> Estoy reconvirtiendo una web ya realizada en una web con diseño responsivo
> para visualizar en cualquier dispositivo. El problema que tengo es en la
> siguiente página de dicha web:
>
> http://www.pruebasgerman.com/companyo/entorn.html
>
> Aquí tengo 9 imágenes con su respectivo texto, y quiero que todas me
> queden en la misma posición que las 3 primeras y las 3 de la parte
> central,
> el resto de imágenes se me salen de madre y se me descolocan y no sé el
> porqué, puesto que el código css es el mismo para todas las imágenes.
> Alguna sugerencia?, he repasado el código por si hubiese algo que me
> faltase, pero la verdad es que no he visto nada raro. y eso que le he dado
> bastantes vueltas.
>
> Gracias de antemano: saludos
>
> Germán Vaquer
> _______________________________________________
> 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
>
--
Marcos Méndez Filesi
http://www.mmfilesi.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
