Foros del Web » Creando para Internet » Diseño web »

Problema con scroll horizontal

Estas en el tema de Problema con scroll horizontal en el foro de Diseño web en Foros del Web. Estoy usando FP2003 en Windows 7. Tengo unas páginas con marcos (sup, pral e izq) definidas en porcentajes. Se ven perfectamente en Mozilla. Pero en ...
  #1 (permalink)  
Antiguo 20/05/2010, 15:04
 
Fecha de Ingreso: mayo-2010
Mensajes: 2
Antigüedad: 13 años, 11 meses
Puntos: 0
Problema con scroll horizontal

Estoy usando FP2003 en Windows 7. Tengo unas páginas con marcos (sup, pral e izq) definidas en porcentajes. Se ven perfectamente en Mozilla. Pero en Explorer se comportan de manera irregular, pues algunas de ellas muestran barra de scroll H.

Como no soy experto, he probado a engañar al explorador vaciando una pag que se comporta bien y llenándola con el texto de la que se comporta mal mediante corto y pego. Comienzo con el primer párrafo y funciona bien, pero voy agregando párrafos y vuelve a mostrar la barra scroll H. Miro códigos y no veo nada malo, aunque no soy experto en HTML.

Estoy moviéndome en la misma página principal de 3 marcos, luego no deb ería ser cosa de las propiedades de los marcos, pues, repito, con unas páginas funciona bien y con otras, hechas con el mismo cascarón funciona mal.

¿Algún sabio por ahí?
¡Ah! El foro me parece de mucha calidad. Hay gente que sabe la tira.
  #2 (permalink)  
Antiguo 21/05/2010, 03:17
 
Fecha de Ingreso: diciembre-2007
Mensajes: 104
Antigüedad: 16 años, 3 meses
Puntos: 4
Respuesta: Problema con scroll horizontal

Hola, posiblemente tengas un contenedor con un tamaño superior al de la resolución de pantalla tuya..

Cuidado al trabajar con porcentajes de no meterles paddings o margins directamente a esas capas.

Me explico mejor:

Esto está mal: (Los padds en algunos navegadores suman espacio al contenedor, entonces llegamos al scroll)

Código:
<div style="width:50%;padding:20px;display:inline;float:left"></div>
<div style="width:50%;padding:20px;display:inline;float:left"></div>
Esto está bien (crear un contenedor nuevo para el padding):

Código:
<div style="width:50%;display:inline;float:left">
     <div style="padding:20px;">Ahora este div no jode el contenedor</div>
</div>
<div style="width:50%;display:inline;float:left">
      <div style="padding:20px;">Ahora este div no jode el contenedor</div>
</div>

Última edición por nakiox; 21/05/2010 a las 03:25
  #3 (permalink)  
Antiguo 24/05/2010, 12:47
 
Fecha de Ingreso: mayo-2010
Mensajes: 2
Antigüedad: 13 años, 11 meses
Puntos: 0
Respuesta: Problema con scroll horizontal

A Nakiox:

Muchísimas gracias. Has sido muy amable y, probablemente, muy acertado. Voy a ver si se trata de eso, que intuyo que sí. Da gusto gente como tú.

Etiquetas: scrollbar
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 18:00.