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

[SOLUCIONADO] Problemas con atributos al redimensionar

Estas en el tema de Problemas con atributos al redimensionar en el foro de Diseño web en Foros del Web. Hola, soy nuevo en esto, tanto en el foro como en el diseño web. Tengo que entregar un proyecto(Diseño web) en unos dias, y estoy ...
  #1 (permalink)  
Antiguo 04/10/2015, 01:36
 
Fecha de Ingreso: octubre-2015
Mensajes: 2
Antigüedad: 7 años, 1 mes
Puntos: 0
Problemas con atributos al redimensionar

Hola, soy nuevo en esto, tanto en el foro como en el diseño web.

Tengo que entregar un proyecto(Diseño web) en unos dias, y estoy finalizando la pagina.
La idea es la de hacer una pagina de noticias, que consta de una pagina inicial en la que se muestran las noticias al estilo Pinterest, secciones en las que se muestras las noticias pero por categorias, una galeria de imagenes, y secciones obligatorias como: Bitacora y Bibliografia.

Solo estamos(trabajo en grupo) desarrollando el front end.

El problema:

Haciendo la seccion de noticias, segui tutoriales para hacer el panel con estilo Pinterest, usando Masonry, al finalizar el tutorial, me encontre con que no habia llegado al mismo resultado, las noticias, se encontraban apiladas una sobre la otra a la izquierda.

Pense que tal vez habia seguido mal el tutorial, mire varias veces, probe distintos tutoriales y no encontraba el fallo, hasta que por alguna razon se me dio por redimensionar mi navegador y allí aparecieron las noticias.

Revise con Google Chrome, y al cargar la pagina inicialmente, el div de cada noticia tiene como propiedades de css: left: 0px y top:0px, y al redimensionar estas adquieren un valor.

Es decir, si yo abro mi pagina con la ventana en "x" dimension, al cambiarla a "y" se ve todo correctamente, y al volver a "x" se mantiene correctamente. Y si yo la abro en "y", y luego la maximizo, se ve correctamente. Con esto voy a que no parece ser un problema de una resolucion en particular.

Esto ya me habia sucedido pero con sliderJS, al cargar la pagina la imagen del slider se volvia pequeña, y se ocultaba detras del header, y al redimensionar se volvia a su tamaño definido. Esto lo solucioné cambiando el width del div Slider por una medida en px en lugar de %. Pero en este caso el div de noticias no tiene medidas en porcentajes, no se cual es el problema.

Posteo esto con el fin de que alguno tal vez ya haya sufrido por esto y me pueda dar una solucion rapida, en caso de que no, o de que lo soliciten, subire el codigo.

Desde ya, muchas gracias.
  #2 (permalink)  
Antiguo 04/10/2015, 01:59
 
Fecha de Ingreso: octubre-2015
Mensajes: 2
Antigüedad: 7 años, 1 mes
Puntos: 0
Respuesta: Problemas con atributos al redimensionar

Bueno, minutos luego de iniciar el tema, empece a eliminar css, con el fin de ver si era algo de eso lo que generaba el problema, y fui llegando a que lo que inicio todo el inconveniente eran unos atributos de mi div content, que albergaba todo el contenido de mi web.

El problema era que habia implementado un script en mi web, que cumplia la funcion de ocultar la pagina, mostrando un gif, mientras la misma no estaba cargada a un 100%; lo que hacia el script era al div loading que estaba sobre el div content, le daba un fondo, y ubicaba al gif en el centro, y ocultaba el content, con un display: none; todo esto en el css.

Luego el script cambiaba el display:none por block.

Al parecer este era el problema, luego de eliminar esa seccion de codigo, se soluciono.

Btw, era un simple lujo lo del script de loading, asi que lo voy a quitar debido a que no tengo tiempo de buscar una solucion en la que funcione todo correctamente.

Etiquetas: css, html, redimensionar, width
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 03:06.