eliminar/agregar scroll horizontal

Iniciado por basickdagger, 5 Marzo 2013, 19:43 PM

0 Miembros y 1 Visitante están viendo este tema.

basickdagger

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é

kalvinman

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;
 }
}

basickdagger

gracias, peor si en este caso aplica a el body
hago clase body???


gracias de antemano

#!drvy

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

basickdagger

perfecto me funciono muchas gracias =)