avbejan Jan 31 2009 at 00:00

Заполнение пустого пространства плавающими блоками. Разбор 2-ух примеров реализации. От Яндекса и от студии Лебедева.

1 min

743

Lumber room

+17

Comments 18

xanf Jan 31 2009 at 00:07

«Если-бы я подобный пост ...» — понимаю что пропущено слово «нашел», но звучит страшно :)

avbejan Jan 31 2009 at 00:08

поправил :)

TanKaDo Jan 31 2009 at 00:15

Яндекс сделан студией Лебедева, кстати говоря.

spicyn Jan 31 2009 at 02:20

Только дизайн.

TanKaDo Jan 31 2009 at 13:48

Ну, естественно, мы же о дизайне и говорим.

spicyn Jan 31 2009 at 19:13

Вы лишаете заслуженной славы весь отдел верстки компании «Яндекс» ;-)

ozoned Jan 31 2009 at 00:19

Не понял что такого примечательного в примере от САЛ, обычные зафлоченые блоки с минимальной высотой.

avbejan Jan 31 2009 at 00:26

Пример хорошо расписан. Думаю, что как пример окажется полезен многим.

Mainer Jan 31 2009 at 00:34

>> Заполнение пустого пространства плавающими блоками. Разбор 2-ух примеров реализации. От Яндекса и от студии Лебедева.

Забавно вы сократили четырехбуквенное слово «двух» четырехбуквенным же сокращением «2-ух»

tenshi Jan 31 2009 at 00:35

1 — очень неприятно скачет при изменении размеров окна (области вывода).

UFO landed and left these words here

ozoned Jan 31 2009 at 01:48

Вот быстро набросал скрипт как на яндексе но без таблиц:
http://samples.ozoned.biz/floats.html.
Признаюсь, особой оптимизацией и «вылизываем» не занимался :)

avbejan Jan 31 2009 at 02:52

Согласен, но без javascript все рухнет.

WebMast Jan 31 2009 at 12:25

Вот все вылизано, красиво… И лучше чем у лебедева и у яндекса. Так как у яндекса таблицы… А у Лебева сотается пустое пространство. Т. е. не на всю ширину! Мое решение:

bitby.net/web/podstraivaem-bloki-po-shirine-i-polozheniyu/

avbejan Jan 31 2009 at 12:51

Но он принципиально отличается от яндекса ограничением по высоте блока и полной зависимостью от javscript. Вариант от яндекса тем и хорош, что размер блока может быть любым. А если javscript не поддерживается ничего не разъедется. Просто блоки перестанут перескакивать.

ozoned Jan 31 2009 at 16:51

И как-то не хорошо, вариант-то не ваш, статью на блоге «позаимствовали» у cssing.org.ua и даже авторство не указали.

Timmmm Jan 31 2009 at 16:33

А разве списки не подойдут для такой верстки?

set Feb 1 2009 at 13:06

обычно делаю это списком, элемантам которого прописываю:

ul li {display: -moz-inline-box; display: inline-block;}
*+html ul li {display: inline;}
* html ul li {display: inline;}

или я не правильно понял вопрос?