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.
