2011-08-19 10 views
6

Od pewnego czasu walczę z Isotopem. Po kilku różnych posiedzeniach nie potrafię tego wymyślić.Wypełnienie zewnętrzne i marginesy z murem/izotopem

isotope.metafizzy.co/index.html

będę zilustrować mój problem z obrazami, ale tutaj jest wyjaśnienie. Jak widać na moim miejscu,

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

Używam izotop z trzech osób tej samej szerokości kolumn.

Jeśli spojrzysz na zewnętrzne krawędzie układu centralnego, zobaczysz, że jest trochę wypełnienia, zmuszając całe centrum do bycia nieco węższym niż nagłówek/stopka. Grałem z CSS do mego serca, ale nie mogę wymyślić, jak rozwinąć środkową galerię do krawędzi div, która go zawiera (jest to 960 pikseli - dlatego galeria centralna ma około 940 pikseli). Normalnie mógłbym to zrobić za pomocą tylko divów i niektórych CSS, ale javascript murarski jest nad moją głową (wszystkie jego obliczenia i tak dalej). Każda pomoc będzie bardzo ceniona.

Oto mój przedstawiony problem. Co mam:

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

Chciałbym:

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

Niestety dla połączonych obrazów i tekstu bez linkiem, jestem zbyt młody na tej stronie.

+1

Witam, nie wyjaśnić podstawową zasadę mojego problemu. Zasadniczo dodaję "margin-right" do każdego elementu w siatce. Ponieważ jest to również stosowane w skrajnie prawej pozycji w skrajnie prawej kolumnie, margines łamie całą kolumnę. Dzieje się tak, ponieważ mój zewnętrzny kontener ustawiony jest na 'width: 960px'. Nie wiem, jak rozwiązać ten problem z jQuery Isotop. – davecave

Odpowiedz