Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Doble scroll en Firefox

Estas en el tema de Doble scroll en Firefox en el foro de CSS en Foros del Web. Buenas a [email protected]!! Quería comentaros un problemilla... Estoy realizando una maquetación responsive, y hasta el momento este es el resultado; Chrome - 100% Tablet Samsung ...
  #1 (permalink)  
Antiguo 20/06/2013, 02:16
 
Fecha de Ingreso: noviembre-2011
Ubicación: Sevilla
Mensajes: 48
Antigüedad: 10 años
Puntos: 1
Pregunta Doble scroll en Firefox

Buenas a [email protected]!! Quería comentaros un problemilla...

Estoy realizando una maquetación responsive, y hasta el momento este es el resultado;
  • Chrome - 100%
  • Tablet Samsung 10'' - 100%
  • Tablet China 7'' - 100%
  • HTC Desire X - 100%
  • -
  • HTC Desire - Sale desplazamiento horizontal
  • Firefox - Sale scroll horizontal
  • Explorer 10 - Sale scroll horizontal
  • Nokia Lumia 610 (Windows Phone) - Sale con zoom muy reducido

Para lo del Lumia no tengo ni idea pero para los scrolls he probado dos opciones.

1ª Prueba
Código CSS:
Ver original
  1. div {max-width:100%!important;}
  2.    /* Esto soluciona la mayoría de los scrolls pero me fastidia un mapa de Google... */

2ª Prueba
Código CSS:
Ver original
  1. body {
  2.         overflow-y: auto;
  3.         overflow-x: hidden;
  4.     }
  5.    /* Esto soluciona todos los scrolls y mantiene el mapa pero me aparece un doble scroll vertical en Firefox que me desquicia... */

Añado una imagen del doble scroll...
  #2 (permalink)  
Antiguo 20/06/2013, 04:46
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.485
Antigüedad: 19 años, 4 meses
Puntos: 2113
Respuesta: Doble scroll en Firefox

Supongo que estarás indicando los valores del viewport como meta-dato.

Eso de poner un ancho máximo de 100% no lo veo yo muy católico. Supongo —a falta de código— que tendrás un relleno o borde en ese div, luego su tamaño es 100% + relleno + borde. Para evitar esto y trabajar de forma más cómoda suele cambiarse el modelo de caja tal que así:

Código CSS:
Ver original
  1. * {
  2.   box-sizing: border-box;
  3. }
  #3 (permalink)  
Antiguo 21/06/2013, 02:13
 
Fecha de Ingreso: noviembre-2011
Ubicación: Sevilla
Mensajes: 48
Antigüedad: 10 años
Puntos: 1
Respuesta: Doble scroll en Firefox

Buenas, ya está prácticamente solucionado finalmente con un DIV que al que no le daba la gana de acatar mis órdenes...

De todos modos muchas gracias por tu respuesta, tendré que leer sobre esa propiedad que no la conocía!

Un saludo =)

Etiquetas: horizontal, responsive, scroll
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:30.