Divy zwijane automatycznie w "tabelkę"

0

Temat wyjaśnia prawie wszystko.
Nie wiem jaki display bądź float użyć aby uzyskać efekt zwijania się divów w tabelę.
Powiedzmy, że mam 5 divów i one mają być wyświetlane horyzontalnie przy dużej rozdzielczości. W przypadku gdu rozdzielczość się zmniejszy ostatnie powiedzmy 2 "wejdą na nowy wiersz".

Problem polega w tym, że ten nowy wiersz ma się zaczynać w miejscu Y gdzie kończy się najwyższy div z pierwszego wiersza.

http://i42.tinypic.com/et9o39.jpg

3

Spróbuj z display: inline-block;
Takie coś wstawi Ci jednak ok 3px pomiędzy tabele - spowodowane znakiem nowej linii/spacji/innym białym znakiem pomiędzy zamknięciem a otwarciem kolejnego div-a. Wyeliminuj te znaki i będzie git.

0

Dziękuje :)

0

Da radę na przykładzie tego samego obrazka zrobić, aby div oznaczony '4' był od razu pod divem '1' ?

0

To byś musiał stworzyć kontenery-kolumny i do niego ładować obrazki o różnej wysokości. Jeżeli chcesz, żeby każda kolumna szła w miarę równo, to będziesz potrzebował albo znać wymiary obrazka i przeliczać layout po stronie serwera, albo po prostu przycinać miniaturki na kształty pozwalające wpasować się miniaturkom (bo to jakaś galeria chyba).

0

Dzięki wielkie, nie pomyślałem o tym.

1 użytkowników online, w tym zalogowanych: 0, gości: 1