Test Foro de elhacker.net SMF 2.1

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


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 (css) [Seleccionar]
@media (min-width: 768px) and (max-width: 979px) {
 .tuclase {
   overflow-x: hidden;
 }
}
@media (max-width: 767px) {
 .tuclase  {
   overflow-x: auto;
 }
}
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 =)