Re: [Ovillo] web responsive
Hola campeón! Te confieso que no he podido entrar a la web ultimamante. Lo jodido de hacer una web adaptable es realmente modificar y crear como si fueran nuevos layouts. En tu caso creo que no seria tanto el problema ya que desde la fabrica (maquetación/diseño) la estas haciendo adaptable. Yo tuve un reto grave en hacer adaptable una web normal, con Doctype XHTML 1.0 Popr Dios! Como costo! Al final como lo resolvi? Haciendo con hoja y lapicera el esquema de los layouts, sus ids, claseslos que realmente hacen falta que tengan los selectores min-with y with:XX%. Entonces empeze de a poco con anchos de pantallas de 1100px (por ejmplo): una mediaquery para esta pantalla y fui creando selectores y probando para ese ancho. Una vez que todo quedo bienhiba disminuyendo de a 50px...aproximadamente. Y de vuelta otra vez...y así sucesivamente. Fue un trabajo arduo. Pero tienes el control de todos los detalles. De esta forma sequencial no se te escapa nada. Fijate en esta web en desarrollo my000431.ferozo.com y compruebalo tu mismo. Tbn puedes entrar a webmoderna.com.ar y en los portfolios tambien llegas a esa web. Espero ser de ayuda. Abrazos y saludos a todos/as los/as ovilleros/as y ovilleristicos/as :-D Edgardo Raúl Galletto www.webmoderna.com.ar i...@webmoderna.com.ar 0351-153272337 Enviado desde mi MoraNegra® de Oscuro Argentina -Original Message- From: german vaquer germ...@telefonica.net Sender: ovillo-boun...@lists.ovillo.org Date: Mon, 19 Nov 2012 22:22:52 To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: Re: [Ovillo] web responsive Hola a todos! Sigo con los problemas de diseño responsive, ahora no se que pasa que desde un dispositivo móvil solamente veo el menu de navegación pero no el resto de la web, ni scroll horizontal ni vertical. Saludos y gracias por adelantado. Germán Vaquer -Mensaje original- From: santosvz Sent: Friday, November 16, 2012 12:53 PM To: 'Ovillo, la lista de CSS en castellano' Subject: Re: [Ovillo] web responsive Referecial: http://johnpolacek.github.com/ResponsiveThumbnailGallery/ http://tympanus.net/Tutorials/ResponsiveImageGallery/ *-Mensaje original- *De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En *nombre de german vaquer *Enviado el: lunes, 12 de noviembre de 2012 07:12 a.m. *Para: Ovillo *Asunto: [Ovillo] web responsive * *Hola a todos! * *Estoy adaptando la web a dispositivos móviles y tablets, pero no consigo *eliminar el scroll horizontal, sobre todo en lo que respecta a los dispositivos *móviles, en cuanto a tablets no tengo tanto problema. * *He estado revisando las css de mi web, y la verdad, es que no sé donde esta *el problema, seguramente será una chorrada, pero estoy tan espeso que no *vería ni un elefante aunque lo tuviese delante. * *la web es: http://www.pruebasgerman.com/companyo/index.html * *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 ___ 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] web responsive
Referecial: http://johnpolacek.github.com/ResponsiveThumbnailGallery/ http://tympanus.net/Tutorials/ResponsiveImageGallery/ *-Mensaje original- *De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En *nombre de german vaquer *Enviado el: lunes, 12 de noviembre de 2012 07:12 a.m. *Para: Ovillo *Asunto: [Ovillo] web responsive * *Hola a todos! * *Estoy adaptando la web a dispositivos móviles y tablets, pero no consigo *eliminar el scroll horizontal, sobre todo en lo que respecta a los dispositivos *móviles, en cuanto a tablets no tengo tanto problema. * *He estado revisando las css de mi web, y la verdad, es que no sé donde esta *el problema, seguramente será una chorrada, pero estoy tan espeso que no *vería ni un elefante aunque lo tuviese delante. * *la web es: http://www.pruebasgerman.com/companyo/index.html * *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] web responsive
Prueba a quitar esto, por favor min-width: 460px; de #contenido bs++ El 12 de noviembre de 2012 12:42, german vaquer germ...@telefonica.netescribió: Hola a todos! Estoy adaptando la web a dispositivos móviles y tablets, pero no consigo eliminar el scroll horizontal, sobre todo en lo que respecta a los dispositivos móviles, en cuanto a tablets no tengo tanto problema. He estado revisando las css de mi web, y la verdad, es que no sé donde esta el problema, seguramente será una chorrada, pero estoy tan espeso que no vería ni un elefante aunque lo tuviese delante. la web es: http://www.pruebasgerman.com/companyo/index.html 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] web responsive
Hola marcos! Lo he cambiado y sigue mal gracias. Saludos: Germán -Mensaje original- From: marcos méndez filesi Sent: Monday, November 12, 2012 12:45 PM To: Ovillo, la lista de CSS en castellano Subject: Re: [Ovillo] web responsive Prueba a quitar esto, por favor min-width: 460px; de #contenido bs++ El 12 de noviembre de 2012 12:42, german vaquer germ...@telefonica.netescribió: Hola a todos! Estoy adaptando la web a dispositivos móviles y tablets, pero no consigo eliminar el scroll horizontal, sobre todo en lo que respecta a los dispositivos móviles, en cuanto a tablets no tengo tanto problema. He estado revisando las css de mi web, y la verdad, es que no sé donde esta el problema, seguramente será una chorrada, pero estoy tan espeso que no vería ni un elefante aunque lo tuviese delante. la web es: http://www.pruebasgerman.com/companyo/index.html 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
Re: [Ovillo] web responsive
¿tienes algún otro min-width en las CSS? El 12 de noviembre de 2012 13:01, german vaquer germ...@telefonica.netescribió: Hola marcos! Lo he cambiado y sigue mal gracias. Saludos: Germán -Mensaje original- From: marcos méndez filesi Sent: Monday, November 12, 2012 12:45 PM To: Ovillo, la lista de CSS en castellano Subject: Re: [Ovillo] web responsive Prueba a quitar esto, por favor min-width: 460px; de #contenido bs++ El 12 de noviembre de 2012 12:42, german vaquer germ...@telefonica.netescribió: Hola a todos! Estoy adaptando la web a dispositivos móviles y tablets, pero no consigo eliminar el scroll horizontal, sobre todo en lo que respecta a los dispositivos móviles, en cuanto a tablets no tengo tanto problema. He estado revisando las css de mi web, y la verdad, es que no sé donde esta el problema, seguramente será una chorrada, pero estoy tan espeso que no vería ni un elefante aunque lo tuviese delante. la web es: http://www.pruebasgerman.com/companyo/index.html 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 -- 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] web responsive
Hola, prueba quitar el overflow: auto; o cambiarlo a overflow: hidden; en el #container. Saludos, Tamara 2012/11/12 marcos méndez filesi mmfil...@gmail.com ¿tienes algún otro min-width en las CSS? El 12 de noviembre de 2012 13:01, german vaquer germ...@telefonica.netescribió: Hola marcos! Lo he cambiado y sigue mal gracias. Saludos: Germán -Mensaje original- From: marcos méndez filesi Sent: Monday, November 12, 2012 12:45 PM To: Ovillo, la lista de CSS en castellano Subject: Re: [Ovillo] web responsive Prueba a quitar esto, por favor min-width: 460px; de #contenido bs++ El 12 de noviembre de 2012 12:42, german vaquer germ...@telefonica.netescribió: Hola a todos! Estoy adaptando la web a dispositivos móviles y tablets, pero no consigo eliminar el scroll horizontal, sobre todo en lo que respecta a los dispositivos móviles, en cuanto a tablets no tengo tanto problema. He estado revisando las css de mi web, y la verdad, es que no sé donde esta el problema, seguramente será una chorrada, pero estoy tan espeso que no vería ni un elefante aunque lo tuviese delante. la web es: http://www.pruebasgerman.com/companyo/index.html 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 -- 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
Re: [Ovillo] web responsive
Aupa Esto que te dice tamara te funcionará para que desaparezca el scroll pero además tienes que quitarle el hegith:100%; porque si no no te hará scroll, imagino para que lo tienes puesto así que sustituyelo por min-height:100%; saludos El 12/11/2012, a las 13:06, Tamara Forza escribió: Hola, prueba quitar el overflow: auto; o cambiarlo a overflow: hidden; en el #container. Saludos, Tamara 2012/11/12 marcos méndez filesi mmfil...@gmail.com ¿tienes algún otro min-width en las CSS? El 12 de noviembre de 2012 13:01, german vaquer germ...@telefonica.netescribió: Hola marcos! Lo he cambiado y sigue mal gracias. Saludos: Germán -Mensaje original- From: marcos méndez filesi Sent: Monday, November 12, 2012 12:45 PM To: Ovillo, la lista de CSS en castellano Subject: Re: [Ovillo] web responsive Prueba a quitar esto, por favor min-width: 460px; de #contenido bs++ El 12 de noviembre de 2012 12:42, german vaquer germ...@telefonica.netescribió: Hola a todos! Estoy adaptando la web a dispositivos móviles y tablets, pero no consigo eliminar el scroll horizontal, sobre todo en lo que respecta a los dispositivos móviles, en cuanto a tablets no tengo tanto problema. He estado revisando las css de mi web, y la verdad, es que no sé donde esta el problema, seguramente será una chorrada, pero estoy tan espeso que no vería ni un elefante aunque lo tuviese delante. la web es: http://www.pruebasgerman.com/companyo/index.html 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 -- 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 ___ 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] web responsive
Hola! He hecho lo que habéis dicho tu y tamara, y efectivamente ya no tengo scroll, pero ahora veo que el contenido no me cabe, tengo el container y el contenido con un ancho del 100%, pero no veo todo el texto ni me caben las imágenes. Saludos: Germán -Mensaje original- From: Martin Etxauri Sent: Monday, November 12, 2012 1:13 PM To: Ovillo, la lista de CSS en castellano Subject: Re: [Ovillo] web responsive Aupa Esto que te dice tamara te funcionará para que desaparezca el scroll pero además tienes que quitarle el hegith:100%; porque si no no te hará scroll, imagino para que lo tienes puesto así que sustituyelo por min-height:100%; saludos El 12/11/2012, a las 13:06, Tamara Forza escribió: Hola, prueba quitar el overflow: auto; o cambiarlo a overflow: hidden; en el #container. Saludos, Tamara 2012/11/12 marcos méndez filesi mmfil...@gmail.com ¿tienes algún otro min-width en las CSS? El 12 de noviembre de 2012 13:01, german vaquer germ...@telefonica.netescribió: Hola marcos! Lo he cambiado y sigue mal gracias. Saludos: Germán -Mensaje original- From: marcos méndez filesi Sent: Monday, November 12, 2012 12:45 PM To: Ovillo, la lista de CSS en castellano Subject: Re: [Ovillo] web responsive Prueba a quitar esto, por favor min-width: 460px; de #contenido bs++ El 12 de noviembre de 2012 12:42, german vaquer germ...@telefonica.netescribió: Hola a todos! Estoy adaptando la web a dispositivos móviles y tablets, pero no consigo eliminar el scroll horizontal, sobre todo en lo que respecta a los dispositivos móviles, en cuanto a tablets no tengo tanto problema. He estado revisando las css de mi web, y la verdad, es que no sé donde esta el problema, seguramente será una chorrada, pero estoy tan espeso que no vería ni un elefante aunque lo tuviese delante. la web es: http://www.pruebasgerman.com/companyo/index.html 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 -- 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 ___ 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] web responsive
Quizás es una pregunta obvia y como no he mirado tu código también quizás inútil, pero estás utilizando tamaños relativos para todo? Imagenes, texto, bloques.. En un dispositivo movil es algo fundamental y en un equipo de sobremesa, depende del interes tambien. Saludos El 12 de noviembre de 2012 15:34, german vaquer germ...@telefonica.netescribió: Hola! He hecho lo que habéis dicho tu y tamara, y efectivamente ya no tengo scroll, pero ahora veo que el contenido no me cabe, tengo el container y el contenido con un ancho del 100%, pero no veo todo el texto ni me caben las imágenes. Saludos: Germán -Mensaje original- From: Martin Etxauri Sent: Monday, November 12, 2012 1:13 PM To: Ovillo, la lista de CSS en castellano Subject: Re: [Ovillo] web responsive Aupa Esto que te dice tamara te funcionará para que desaparezca el scroll pero además tienes que quitarle el hegith:100%; porque si no no te hará scroll, imagino para que lo tienes puesto así que sustituyelo por min-height:100%; saludos El 12/11/2012, a las 13:06, Tamara Forza escribió: Hola, prueba quitar el overflow: auto; o cambiarlo a overflow: hidden; en el #container. Saludos, Tamara 2012/11/12 marcos méndez filesi mmfil...@gmail.com ¿tienes algún otro min-width en las CSS? El 12 de noviembre de 2012 13:01, german vaquer germ...@telefonica.netescribió: Hola marcos! Lo he cambiado y sigue mal gracias. Saludos: Germán -Mensaje original- From: marcos méndez filesi Sent: Monday, November 12, 2012 12:45 PM To: Ovillo, la lista de CSS en castellano Subject: Re: [Ovillo] web responsive Prueba a quitar esto, por favor min-width: 460px; de #contenido bs++ El 12 de noviembre de 2012 12:42, german vaquer germ...@telefonica.netescribió: Hola a todos! Estoy adaptando la web a dispositivos móviles y tablets, pero no consigo eliminar el scroll horizontal, sobre todo en lo que respecta a los dispositivos móviles, en cuanto a tablets no tengo tanto problema. He estado revisando las css de mi web, y la verdad, es que no sé donde esta el problema, seguramente será una chorrada, pero estoy tan espeso que no vería ni un elefante aunque lo tuviese delante. la web es: http://www.pruebasgerman.com/companyo/index.html 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 -- 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 ___ 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 -- Carlos Núñez ___ 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] web responsive
Trato de explicarlo a vuelapluma.
a) Con min-width o width defines el ancho (el mínimo en el primer caso). Si
tiene, x ejemplo, 450px, y la resolución de la pantalla es de 320, entonces
te saldrán las barras de scroll horizontales, ya que no cabe el contenido
en el monitor. Por lo tanto, si acaso, el ancho en píxeles más grande que
debes tener definido son 240 px, que es la resolución de un móvil vertical.
(y lo mismo te pasa si hay una cajita más grande dentro de otra más chica)
Todos los demás anchos deben estar definidos mediante porcentajes.
b) Con overflow indicas qué pasa cuando el contenido rebasa la altura
fijada.
http://www.w3schools.com/cssref/pr_pos_overflow.asp
Si está en modo hidden y el contenido supera la altura, lo esconderá.
c) A las imágenes que van a ir dentro de tus cajitas responsive, es decir,
que quieres que se ajusten al contenedor, ponles una clase donde les des el
100 del width
.imagenes_elasticas {
width:100% !important;
}
El 12 de noviembre de 2012 15:34, german vaquer
germ...@telefonica.netescribió:
Hola!
He hecho lo que habéis dicho tu y tamara, y efectivamente ya no tengo
scroll, pero ahora veo que el contenido no me cabe, tengo el container y
el
contenido con un ancho del 100%, pero no veo todo el texto ni me caben las
imágenes.
Saludos: Germán
-Mensaje original-
From: Martin Etxauri
Sent: Monday, November 12, 2012 1:13 PM
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] web responsive
Aupa
Esto que te dice tamara te funcionará para que desaparezca el scroll
pero además tienes que quitarle el hegith:100%; porque si no no te hará
scroll, imagino para que lo tienes puesto así que sustituyelo por
min-height:100%;
saludos
El 12/11/2012, a las 13:06, Tamara Forza escribió:
Hola,
prueba quitar el overflow: auto; o cambiarlo a overflow: hidden; en el
#container.
Saludos,
Tamara
2012/11/12 marcos méndez filesi mmfil...@gmail.com
¿tienes algún otro min-width en las CSS?
El 12 de noviembre de 2012 13:01, german vaquer
germ...@telefonica.netescribió:
Hola marcos!
Lo he cambiado y sigue mal gracias.
Saludos: Germán
-Mensaje original-
From: marcos méndez filesi
Sent: Monday, November 12, 2012 12:45 PM
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] web responsive
Prueba a quitar esto, por favor
min-width: 460px;
de #contenido
bs++
El 12 de noviembre de 2012 12:42, german vaquer
germ...@telefonica.netescribió:
Hola a todos!
Estoy adaptando la web a dispositivos móviles y tablets, pero no
consigo
eliminar el scroll horizontal, sobre todo en lo que respecta a los
dispositivos móviles, en cuanto a tablets no tengo tanto problema.
He estado revisando las css de mi web, y la verdad, es que no sé donde
esta el problema, seguramente será una chorrada, pero estoy tan espeso
que
no vería ni un elefante aunque lo tuviese delante.
la web es: http://www.pruebasgerman.com/companyo/index.html
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
--
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
___
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
Re: [Ovillo] web responsive
perdón x el doble post, se me olvidaba algo importante
¡Y no especifiques el width ni el height en img src=
class=imagenes_elasticas
El 12 de noviembre de 2012 15:47, marcos méndez filesi
mmfil...@gmail.comescribió:
Trato de explicarlo a vuelapluma.
a) Con min-width o width defines el ancho (el mínimo en el primer caso).
Si tiene, x ejemplo, 450px, y la resolución de la pantalla es de 320,
entonces te saldrán las barras de scroll horizontales, ya que no cabe el
contenido en el monitor. Por lo tanto, si acaso, el ancho en píxeles más
grande que debes tener definido son 240 px, que es la resolución de un
móvil vertical. (y lo mismo te pasa si hay una cajita más grande dentro de
otra más chica)
Todos los demás anchos deben estar definidos mediante porcentajes.
b) Con overflow indicas qué pasa cuando el contenido rebasa la altura
fijada.
http://www.w3schools.com/cssref/pr_pos_overflow.asp
Si está en modo hidden y el contenido supera la altura, lo esconderá.
c) A las imágenes que van a ir dentro de tus cajitas responsive, es decir,
que quieres que se ajusten al contenedor, ponles una clase donde les des el
100 del width
.imagenes_elasticas {
width:100% !important;
}
El 12 de noviembre de 2012 15:34, german vaquer
germ...@telefonica.netescribió:
Hola!
He hecho lo que habéis dicho tu y tamara, y efectivamente ya no tengo
scroll, pero ahora veo que el contenido no me cabe, tengo el container y
el
contenido con un ancho del 100%, pero no veo todo el texto ni me caben las
imágenes.
Saludos: Germán
-Mensaje original-
From: Martin Etxauri
Sent: Monday, November 12, 2012 1:13 PM
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] web responsive
Aupa
Esto que te dice tamara te funcionará para que desaparezca el scroll
pero además tienes que quitarle el hegith:100%; porque si no no te hará
scroll, imagino para que lo tienes puesto así que sustituyelo por
min-height:100%;
saludos
El 12/11/2012, a las 13:06, Tamara Forza escribió:
Hola,
prueba quitar el overflow: auto; o cambiarlo a overflow: hidden; en el
#container.
Saludos,
Tamara
2012/11/12 marcos méndez filesi mmfil...@gmail.com
¿tienes algún otro min-width en las CSS?
El 12 de noviembre de 2012 13:01, german vaquer
germ...@telefonica.netescribió:
Hola marcos!
Lo he cambiado y sigue mal gracias.
Saludos: Germán
-Mensaje original-
From: marcos méndez filesi
Sent: Monday, November 12, 2012 12:45 PM
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] web responsive
Prueba a quitar esto, por favor
min-width: 460px;
de #contenido
bs++
El 12 de noviembre de 2012 12:42, german vaquer
germ...@telefonica.netescribió:
Hola a todos!
Estoy adaptando la web a dispositivos móviles y tablets, pero no
consigo
eliminar el scroll horizontal, sobre todo en lo que respecta a los
dispositivos móviles, en cuanto a tablets no tengo tanto problema.
He estado revisando las css de mi web, y la verdad, es que no sé
donde
esta el problema, seguramente será una chorrada, pero estoy tan
espeso
que
no vería ni un elefante aunque lo tuviese delante.
la web es: http://www.pruebasgerman.com/companyo/index.html
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
--
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
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o
Re: [Ovillo] web responsive
Hola, es muy probable que el principal problema lo tengas con la galería de
imágenes.
Estas necesitan un tamaño para que el javascript las pueda mostrar y desplazar
y no suelen utilizar porcentajes...
Luego en la cabecera esos tres elementos (logo, textos e idiomas) también dan
problemas.
Suerte!
-Mensaje original-
De: ovillo-boun...@lists.ovillo.org
[mailto:ovillo-boun...@lists.ovillo.org] En nombre de marcos
méndez filesi
Enviado el: lunes, 12 de noviembre de 2012 15:49
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] web responsive
perdón x el doble post, se me olvidaba algo importante
¡Y no especifiques el width ni el height en img src=
class=imagenes_elasticas
El 12 de noviembre de 2012 15:47, marcos méndez filesi
mmfil...@gmail.comescribió:
Trato de explicarlo a vuelapluma.
a) Con min-width o width defines el ancho (el mínimo en el
primer caso).
Si tiene, x ejemplo, 450px, y la resolución de la pantalla
es de 320,
entonces te saldrán las barras de scroll horizontales, ya
que no cabe
el contenido en el monitor. Por lo tanto, si acaso, el ancho en
píxeles más grande que debes tener definido son 240 px, que es la
resolución de un móvil vertical. (y lo mismo te pasa si
hay una cajita
más grande dentro de otra más chica)
Todos los demás anchos deben estar definidos mediante porcentajes.
b) Con overflow indicas qué pasa cuando el contenido
rebasa la altura
fijada.
http://www.w3schools.com/cssref/pr_pos_overflow.asp
Si está en modo hidden y el contenido supera la altura, lo
esconderá.
c) A las imágenes que van a ir dentro de tus cajitas
responsive, es
decir, que quieres que se ajusten al contenedor, ponles una clase
donde les des el 100 del width
.imagenes_elasticas {
width:100% !important;
}
El 12 de noviembre de 2012 15:34, german vaquer
germ...@telefonica.netescribió:
Hola!
He hecho lo que habéis dicho tu y tamara, y efectivamente
ya no tengo
scroll, pero ahora veo que el contenido no me cabe, tengo el
container y el contenido con un ancho del 100%, pero no
veo todo el
texto ni me caben las imágenes.
Saludos: Germán
-Mensaje original-
From: Martin Etxauri
Sent: Monday, November 12, 2012 1:13 PM
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] web responsive
Aupa
Esto que te dice tamara te funcionará para que
desaparezca el scroll
pero además tienes que quitarle el hegith:100%; porque si
no no te
hará scroll, imagino para que lo tienes puesto así que
sustituyelo
por min-height:100%;
saludos
El 12/11/2012, a las 13:06, Tamara Forza escribió:
Hola,
prueba quitar el overflow: auto; o cambiarlo a
overflow: hidden; en
el #container.
Saludos,
Tamara
2012/11/12 marcos méndez filesi mmfil...@gmail.com
¿tienes algún otro min-width en las CSS?
El 12 de noviembre de 2012 13:01, german vaquer
germ...@telefonica.netescribió:
Hola marcos!
Lo he cambiado y sigue mal gracias.
Saludos: Germán
-Mensaje original-
From: marcos méndez filesi
Sent: Monday, November 12, 2012 12:45 PM
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] web responsive
Prueba a quitar esto, por favor
min-width: 460px;
de #contenido
bs++
El 12 de noviembre de 2012 12:42, german vaquer
germ...@telefonica.netescribió:
Hola a todos!
Estoy adaptando la web a dispositivos móviles y
tablets, pero no
consigo
eliminar el scroll horizontal, sobre todo en lo que
respecta a
los dispositivos móviles, en cuanto a tablets no
tengo tanto problema.
He estado revisando las css de mi web, y la verdad,
es que no sé
donde
esta el problema, seguramente será una chorrada,
pero estoy tan
espeso
que
no vería ni un elefante aunque lo tuviese delante.
la web es: http://www.pruebasgerman.com/companyo/index.html
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
Re: [Ovillo] web responsive
Hola!
Observando la web en mi smartphone veo que el problema esta en formato
portrait,(320x480) en landscape( 480x320) si que veo casi toda la pantalla.
Saludos: Germán
-Mensaje original-
From: marcos méndez filesi
Sent: Monday, November 12, 2012 3:48 PM
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] web responsive
perdón x el doble post, se me olvidaba algo importante
¡Y no especifiques el width ni el height en img src=
class=imagenes_elasticas
El 12 de noviembre de 2012 15:47, marcos méndez filesi
mmfil...@gmail.comescribió:
Trato de explicarlo a vuelapluma.
a) Con min-width o width defines el ancho (el mínimo en el primer caso).
Si tiene, x ejemplo, 450px, y la resolución de la pantalla es de 320,
entonces te saldrán las barras de scroll horizontales, ya que no cabe el
contenido en el monitor. Por lo tanto, si acaso, el ancho en píxeles más
grande que debes tener definido son 240 px, que es la resolución de un
móvil vertical. (y lo mismo te pasa si hay una cajita más grande dentro de
otra más chica)
Todos los demás anchos deben estar definidos mediante porcentajes.
b) Con overflow indicas qué pasa cuando el contenido rebasa la altura
fijada.
http://www.w3schools.com/cssref/pr_pos_overflow.asp
Si está en modo hidden y el contenido supera la altura, lo esconderá.
c) A las imágenes que van a ir dentro de tus cajitas responsive, es decir,
que quieres que se ajusten al contenedor, ponles una clase donde les des
el
100 del width
.imagenes_elasticas {
width:100% !important;
}
El 12 de noviembre de 2012 15:34, german vaquer
germ...@telefonica.netescribió:
Hola!
He hecho lo que habéis dicho tu y tamara, y efectivamente ya no tengo
scroll, pero ahora veo que el contenido no me cabe, tengo el container y
el
contenido con un ancho del 100%, pero no veo todo el texto ni me caben
las
imágenes.
Saludos: Germán
-Mensaje original-
From: Martin Etxauri
Sent: Monday, November 12, 2012 1:13 PM
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] web responsive
Aupa
Esto que te dice tamara te funcionará para que desaparezca el scroll
pero además tienes que quitarle el hegith:100%; porque si no no te hará
scroll, imagino para que lo tienes puesto así que sustituyelo por
min-height:100%;
saludos
El 12/11/2012, a las 13:06, Tamara Forza escribió:
Hola,
prueba quitar el overflow: auto; o cambiarlo a overflow: hidden; en el
#container.
Saludos,
Tamara
2012/11/12 marcos méndez filesi mmfil...@gmail.com
¿tienes algún otro min-width en las CSS?
El 12 de noviembre de 2012 13:01, german vaquer
germ...@telefonica.netescribió:
Hola marcos!
Lo he cambiado y sigue mal gracias.
Saludos: Germán
-Mensaje original-
From: marcos méndez filesi
Sent: Monday, November 12, 2012 12:45 PM
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] web responsive
Prueba a quitar esto, por favor
min-width: 460px;
de #contenido
bs++
El 12 de noviembre de 2012 12:42, german vaquer
germ...@telefonica.netescribió:
Hola a todos!
Estoy adaptando la web a dispositivos móviles y tablets, pero no
consigo
eliminar el scroll horizontal, sobre todo en lo que respecta a los
dispositivos móviles, en cuanto a tablets no tengo tanto problema.
He estado revisando las css de mi web, y la verdad, es que no sé
donde
esta el problema, seguramente será una chorrada, pero estoy tan
espeso
que
no vería ni un elefante aunque lo tuviese delante.
la web es: http://www.pruebasgerman.com/companyo/index.html
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
--
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
