Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Diaf96 en 1 Agosto 2012, 13:31 pm



Título: Solución scroll horizonta foro.
Publicado por: Diaf96 en 1 Agosto 2012, 13:31 pm
Hola, en un foro tenemos un scroll horizontal que no sabemos como quitar, aparece en todos los navegadores menos en google chrome, alguna solucion?
gracias.


Título: Re: Solución scroll horizonta foro.
Publicado por: #!drvy en 1 Agosto 2012, 13:35 pm
Código
  1. * {overflow-x:auto !important;}

o

Código
  1. * {overflow-x:hidden !important;}

El primero le indica al navegador que ponga el scroll cuando el lo de por necesario.
El segundo le indica que lo oculte pase lo que pase.

Afecta a todas las capas y elementos de la web.
Tienes que ponerlo en el .css de tu web. Generalmente se suele llamar default.css o style.css


Saludos


Título: Re: Solución scroll horizonta foro.
Publicado por: Diaf96 en 1 Agosto 2012, 13:43 pm
Ok muchas gracias! a ver si funciona.
E * no esta incluido en el codigo no?


Título: Re: Solución scroll horizonta foro.
Publicado por: #!drvy en 1 Agosto 2012, 13:46 pm
Si lo esta. Indica que debe afectar a todos los elementos.


Saludos


Título: Re: Solución scroll horizonta foro.
Publicado por: Diaf96 en 1 Agosto 2012, 13:48 pm
Ok a ver si se conecta el admin y lo prueba, muchas gracias.


Título: Re: Solución scroll horizonta foro.
Publicado por: Spider-Net en 1 Agosto 2012, 14:28 pm
También se puede incluir esa propiedad en la etiqueta body. Funciona perfectamente.


Título: Re: Solución scroll horizonta foro.
Publicado por: Diaf96 en 1 Agosto 2012, 15:58 pm
Hay un problema, cuando se pone el codigo se descentra el foro, recorta el header y aparecen mas scrolls.


Título: Re: Solución scroll horizonta foro.
Publicado por: Spider-Net en 1 Agosto 2012, 17:01 pm
Has probado a ponerlo solo en la etiqueta body?


Título: Re: Solución scroll horizonta foro.
Publicado por: Diaf96 en 1 Agosto 2012, 18:37 pm
Es que en foroactivo solo deja poner los .css en un apartado CSS Stylesheet.
Tu que te refieres a poner el codigo ese justo debajo de <body> en el codigo fuente?


Título: Re: Solución scroll horizonta foro.
Publicado por: Spider-Net en 1 Agosto 2012, 20:19 pm
No, me refiero a esto:

Código
  1. body {overflow-x:hidden !important;}


Título: Re: Solución scroll horizonta foro.
Publicado por: Diaf96 en 1 Agosto 2012, 23:05 pm
El scroll se ha ocultado pero al parecer se puede seguir desplazando y el ultimo mensaje de cada tema se desplaza un poco. hay alguna forma de suprimirlo en vez de ocultarlo?


Título: Re: Solución scroll horizonta foro.
Publicado por: Spider-Net en 2 Agosto 2012, 01:31 am
No, no hay ninguna forma de suprimirlo en vez de ocultarlo. No tiene mucho sentido lo que dices. Como que el scroll ha desaparecido pero se puede seguir desplazando? Si no hay scroll no se puede desplazar. Otra cosa es que selecciones algún lugar de la web y arrastres, de esa forma podrás desplazar hacia los lados, pero la gente no suele hacer eso puesto que no tiene ningún sentido, y tampoco es un gran inconveniente.

De cualquier manera eso está pasándote por usar un theme con tamaños fijos, que son demasiado grandes para tu resolución. Sino no aparecería en ningún momento el scroll horizontal, aunque no pusieses el overflow-x: hidden.


Título: Re: Solución scroll horizonta foro.
Publicado por: Diaf96 en 2 Agosto 2012, 15:37 pm
Si aprieto los cursores izquierda y derecha lo puedo desplazar. El theme es simetrico, no deberia dar problemas de dezplazamiento no?


Título: Re: Solución scroll horizonta foro.
Publicado por: Spider-Net en 3 Agosto 2012, 14:15 pm
Simétrico? no entiendo que tiene que ver eso con que se desplace hacia los lados.


Título: Re: Solución scroll horizonta foro.
Publicado por: Diaf96 en 3 Agosto 2012, 15:56 pm
Simétrico? no entiendo que tiene que ver eso con que se desplace hacia los lados.
Pues que el fondo tiene las medidas justas y mide lo mismo desde el centro a la izquierda y a la derecha, no deberia poder desplazarse.


Título: Re: Solución scroll horizonta foro.
Publicado por: Spider-Net en 3 Agosto 2012, 18:25 pm
No solo el fondo influye en eso, sino la posición de cualquier elemento de la web. Y que sea simétrico no implica que la barra horizontal no aparezca. Si el theme está hecho con medidas fijas de por ejemplo 1280 píxeles de ancho, se va a ver la barra horizontal si visualizas la web en una resolución de 1024 por muy simétrico que sea.