Re: [Ovillo] duda responsive design
Hola, Yo lo veo de forma diferente en firefox y chrome, así que no tengo muy claro tu problema, pero igual podrías solucionarlo creando una clase nueva con un clear: both; y ponerlo en el cuarto div columna1, en el septimo div columna 1... Es decir, en las cajas que comiencen a crear una nueva fila. El problema viene dado por el tamaño de las cajas superiores: si no es exactamente igual en las tres cajas, las cajas que están en la fila inferior si encuentran un hueco, se suben a ese hueco. Espero haberme explicado. El 23 de octubre de 2012 23:56, german vaquer germ...@telefonica.netescribió: 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 ___ 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
Re: [Ovillo] duda responsive design
Hola, Yo lo veo de forma diferente en firefox y chrome, así que no tengo muy claro tu problema, pero igual podrías solucionarlo creando una clase nueva con un clear: both; y ponerlo en el cuarto div columna1, en el septimo div columna 1... Es decir, en las cajas que comiencen a crear una nueva fila. El problema viene dado por el tamaño de las cajas superiores: si no es exactamente igual en las tres cajas, las cajas que están en la fila inferior si encuentran un hueco, se suben a ese hueco. Espero haberme explicado. El 23 de octubre de 2012 23:56, german vaquer germ...@telefonica.netescribió: 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 ___ 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
Re: [Ovillo] duda responsive design
por favor, prueba a añadir esto en las CSS
columna1 {
min-height:33em;
overflow:hidden
}
El 24 de octubre de 2012 00:10, Olivier Blázquez obe...@gmail.comescribió:
Hola,
Yo lo veo de forma diferente en firefox y chrome, así que no tengo muy
claro tu problema, pero igual podrías solucionarlo creando una clase
nueva
con un clear: both; y ponerlo en el cuarto div columna1, en el septimo
div columna 1... Es decir, en las cajas que comiencen a crear una nueva
fila. El problema viene dado por el tamaño de las cajas superiores: si no
es exactamente igual en las tres cajas, las cajas que están en la fila
inferior si encuentran un hueco, se suben a ese hueco.
Espero haberme explicado.
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
___
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
Re: [Ovillo] duda responsive design
No sé si llegó el anterior mensaje.
Por favor, prueba esto
columna1 {
min-height:33em;
overflow:hidden
}
El 23 de octubre de 2012 23:56, german vaquer germ...@telefonica.netescribió:
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
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.netescribió:
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
