2011-08-19 2 views
6

나는 한동안 동위 원소와 어려움을 겪었습니다. 몇 가지 다른 앉아서, 나는 이것을 이해할 수없는 것 같습니다.벽돌/동위 원소가있는 외부 패딩 및 여백

isotope.metafizzy.co/index.html

나는 이미지로 내 문제를 설명 하겠지만, 여기에 대한 설명입니다. 당신은 내가 세 같은 폭 열이 동위 원소를 사용하고, 내 사이트에

test.davewhitley.com/not-wp/isotope_test/index.php

을 볼 수있다.

중앙 레이아웃의 바깥 쪽 가장자리를 보면 약간의 패딩이 있음을 알 수 있습니다. 전체 가운데가 머리글/바닥 글보다 다소 좁아 지도록합니다. 내 마음의 콘텐츠에 CSS로 놀았지만 중앙 갤러리를 포함하는 div의 가장자리까지 중앙 갤러리를 확장하는 방법을 알아낼 수 없습니다 (960 픽셀이므로 중앙 갤러리는 약 940 픽셀 임). 일반적으로 div와 CSS를 사용하여이 작업을 수행 할 수 있지만 벽돌의 javascript는 내 머리 위로 있습니다 (모든 계산과 같은 작업). 어떤 도움이라도 대단히 감사하겠습니다.

여기 내 문제가 설명되어 있습니다. 내가 가진 무엇 :

http://farm7.static.flickr.com/6207/6057816365_e0b6e2e8c4.jpg

내가 좋아하는 것이 무엇 :

링크 된 이미지와 비 하이퍼 텍스트

http://farm7.static.flickr.com/6208/6058362460_d1200a1491.jpg

죄송합니다,이 사이트에 너무 어린입니다.

+1

안녕하세요, 내 문제의 기본 원리를 설명하지 않았다. 기본적으로 그리드의 각 항목에 margin-right를 추가하고 있습니다. 맨 오른쪽 열의 맨 오른쪽 항목에도 적용되기 때문에 여백은 전체 열을 나눕니다. 이것은 외부 컨테이너를'width : 960px'로 설정했기 때문입니다. jQuery Isotope로이 문제를 해결하는 방법을 모른다. – davecave

답변

관련 문제