He estado luchando con Isotope desde hace un tiempo. Después de algunas sesiones diferentes, parece que no puedo entender esto.Relleno exterior y márgenes con mampostería/isótopo
isotope.metafizzy.co/index.html
Voy a ilustrar mi problema con las imágenes, pero aquí está la explicación. Como se puede ver en mi sitio,
test.davewhitley.com/not-wp/isotope_test/index.php
estoy usando isótopos con tres columnas del mismo ancho.
Si mira los bordes exteriores del diseño central, puede ver que hay algo de relleno, lo que obliga a que todo el centro sea algo más estrecho que el encabezado/pie de página. He jugado con CSS en mi corazón, pero no puedo imaginar cómo expandir la galería central a los bordes del div que contiene (es 960px, por lo tanto, la galería central tiene aproximadamente 940px). Normalmente podría hacer esto solo con divs y CSS, pero el javascript de masonry está por encima de mi cabeza (todos sus cálculos y demás). Cualquier ayuda sería muy apreciada.
Aquí está mi problema ilustrado. Lo que tengo:
http://farm7.static.flickr.com/6207/6057816365_e0b6e2e8c4.jpg
lo que me gustaría:
http://farm7.static.flickr.com/6208/6058362460_d1200a1491.jpg
Lo siento por las imágenes vinculadas y el texto no hipervínculos, soy muy joven en este sitio.
Hola, no explicaba el principio básico de mi problema. Básicamente, estoy agregando 'margin-right' a cada uno de los elementos en la grilla. Como esto también se aplica al ítem de extrema derecha en la columna de la extrema derecha, el margen rompería toda la columna. Esto se debe a que tengo mi contenedor externo en 'width: 960px'. No sé cómo solucionar este problema con jQuery Isotope. – davecave