Таблица или блоками

[Temiks]

Здравствуйте.

Нужен совет как лучше сделать, таблицей или блоками

--

Думаю сделать таблицей...

[zenw]

А это все имеет фиксированную ширину?

[Temiks]

А это все имеет фиксированную ширину?

Резина

[sigma77]

http://masonry.desandro.com/

[DivMan]

inline-block

[SelenIT]

То, что тут три квадрата с по-разному скомпонованными внутри элементами помельче - случайность или закономерность дизайна?

[sigma77]

То, что тут три квадрата с по-разному скомпонованными внутри элементами помельче - случайность или закономерность дизайна?

Так сейчас модно Подозреваю, что при различных разрешениях вид должен меняться с 6х - 3х - 2х - 1х.

Ну и еще в тему - http://codepen.io/digsite_/pen/iCJLo

Так что не таблицей - 100%

[Temiks]

http://masonry.desandro.com/

Спасибо. Воспользовался вашим советом, вот только что-то пошло не так и получилось следующие:

--

Как можно исправить?

Код можно посмотреть тут (тестовая страница)

 

То, что тут три квадрата с по-разному скомпонованными внутри элементами помельче - случайность или закономерность дизайна?

Нет, не случайность.

 

UPD: не совсем корректно исправил JS код, теперь все работает, спасибо!

Edited September 16, 2014 by Temiks

[SelenIT]

Тогда лично я бы взял эти квадраты за основную структурную единицу, а дальше по-простому "в лоб", как-то так...

[Temiks]

Тогда лично я бы взял эти квадраты за основную структурную единицу, а дальше по-простому "в лоб", как-то так...

Тоже подумывал об таких методах в блочной верстке

 

Немного потестил страницу и нашел два бага:
1. В Firefox'e если заходить на страницу без кэша то получается вот это:

Если же перезагрузить страницу или же потянуть за край браузера - приходит в нормальное состояние, во всю ширину экрана

В Хроме все хорошо.

Как можно исправить?

2. Есть вот такие пробелы при определенной ширине окна: (это из-за неправильного округления процентов?)