[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
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 escribió: > 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 escribió: > 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 escribió: > 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 > escribió: > > > 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 > ¿tienes algún otro min-width en las CSS? > > > El 12 de noviembre de 2012 13:01, german vaquer > escribió: > > > 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 > > escribió: > > > > > 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 > >> ¿tienes algún otro min-width en las CSS? >> >> >> El 12 de noviembre de 2012 13:01, german vaquer >> escribió: >> >>> 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 >>> escribió: >>> 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 > >> ¿tienes algún otro min-width en las CSS? >> >> >> El 12 de noviembre de 2012 13:01, german vaquer >> escribió: >> >>> 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 >>> escribió: >>> 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 escribió: > 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 > > > >> ¿tienes algún otro min-width en las CSS? > >> > >> > >> El 12 de noviembre de 2012 13:01, german vaquer > >> escribió: > >> > >>> 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 > >>> escribió: > >>> > 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/ovi
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
escribió:
> 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
> >
> >> ¿tienes algún otro min-width en las CSS?
> >>
> >>
> >> El 12 de noviembre de 2012 13:01, german vaquer
> >> escribió:
> >>
> >>> 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
> >>> escribió:
> >>>
> 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
Re: [Ovillo] web responsive
perdón x el doble post, se me olvidaba algo importante
¡Y no especifiques el width ni el height en
El 12 de noviembre de 2012 15:47, marcos méndez filesi
escribió:
> 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
> escribió:
>
>> 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
>> >
>> >> ¿tienes algún otro min-width en las CSS?
>> >>
>> >>
>> >> El 12 de noviembre de 2012 13:01, german vaquer
>> >> escribió:
>> >>
>> >>> 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
>> >>> escribió:
>> >>>
>> 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 distri
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 > class="imagenes_elasticas">
>>
>>
>> El 12 de noviembre de 2012 15:47, marcos méndez filesi
>> escribió:
>>
>> > 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
>> escribió:
>> >
>> >> 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
>> >> >
>> >> >> ¿tienes algún otro min-width en las CSS?
>> >> >>
>> >> >>
>> >> >> El 12 de noviembre de 2012 13:01, german vaquer
>> >> >> escribió:
>> >> >>
>> >> >>> 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
>> >> >>> escribió:
>> >> >>>
>> >> 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
>> >>
>> >> >>>
>> >> >>>
>> >> >>>
>> >> >>> --
>> >> >>> M
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
El 12 de noviembre de 2012 15:47, marcos méndez filesi
escribió:
> 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
> escribió:
>
>> 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
>> >
>> >> ¿tienes algún otro min-width en las CSS?
>> >>
>> >>
>> >> El 12 de noviembre de 2012 13:01, german vaquer
>> >> escribió:
>> >>
>> >>> 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
>> >>> escribió:
>> >>>
>> 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/
>> >> __
Re: [Ovillo] duda responsive design
Muy buenos tips, gracias!!! El 24 de octubre de 2012 15:24, Hernán Beati escribió: > Te conviene seguir el camino contrario, es decir, utilizar el concepto > Mobile First (móvil primero) en el orden en que vincules las hojas CSS. > > La primera debería ser la versión a una columna, sin media queries, para > que móviles que no procesan media queries se queden con el diseño a una > columna. > > La segunda hoja CSS, deberías vincularla con una media querie con > min-width:400px donde flotan dos columnas. > > La tercera hoja, con min-width:600px y flotas 3 columnas. > > Como tablets y PC soportan media queries, no tendrás problemas si usas un > script compatibilizador para navegadores viejos, como el de: > http://code.google.com/p/css3-mediaqueries-js/ > > Te sugiero ver estas diapos: > http://www.slideshare.net/bryanrieger/rethinking-the-mobile-web-by-yiibu > > Y una recopilación mía sobre el tema del año pasado (algunas cosas > cambiaron, pero el concepto móvil primero continúa vigente): > http://www.slideshare.net/hbeati/web-mvil-inclusiva-y-accesible > > Saludos! > > -- > Hernán Beati > http://www.saberweb.com.ar > > -- Lo bueno de vivir un dia mas es saber que nos queda un dia menos de vida ___ 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
