Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: basickdagger en 5 Marzo 2013, 19:43 pm



Título: eliminar/agregar scroll horizontal
Publicado por: basickdagger en 5 Marzo 2013, 19:43 pm
bueno tengo un problema mi web aparece con scroll horizontal aunq este vacia del lado derecho, intente utilizando

Código:
overflow-x: hidden;


con esto me quita el scroll pero si la pantalla la hago pequeña ya no vuelve aparece, hay alguna forma de hacer esto, me imagino q debe ser algun padding, o margin por ahi el q me da ese problema, pero nomas no doy.... si alguien sabe se lo agradeceré


Título: Re: eliminar/agregar scroll horizontal
Publicado por: kalvinman en 5 Marzo 2013, 23:06 pm
lo que necesitas a es implementar responsive design

Código
  1. @media (min-width: 768px) and (max-width: 979px) {
  2.  .tuclase {
  3.    overflow-x: hidden;
  4.  }
  5. }
  6. @media (max-width: 767px) {
  7.  .tuclase  {
  8.    overflow-x: auto;
  9.  }
  10. }


Título: Re: eliminar/agregar scroll horizontal
Publicado por: basickdagger en 5 Marzo 2013, 23:57 pm
gracias, peor si en este caso aplica a el body
hago clase body???


gracias de antemano


Título: Re: eliminar/agregar scroll horizontal
Publicado por: #!drvy en 6 Marzo 2013, 00:45 am
Ponlo como elemento no como clase. Osease, en vez de .body solo body

PD: De todos modos, si va a afectar al scroll general, te recomiendo que lo hagas en el elemento html y no solo en el body.

Saludos


Título: Re: eliminar/agregar scroll horizontal
Publicado por: basickdagger en 7 Marzo 2013, 07:07 am
perfecto me funciono muchas gracias =)