Смена стилей страницы при изменении размера окна браузера

[goooooch]

Как сделать смену стилей отдельных элементов страницы при изменении размера окна браузера, как например у самизнаетекого на главной сделано. Я имею ввиду последние работы из портфолио. В зависимости от ширины окна там выводится разное количество элементов в строке. http://www.artlebedev.ru/

[ksa]

как например у самизнаетекого на главной сделано.

Так там все на скриптах... Это не вёрстка.

Как вариант, ловят событие онресайз... Вычисляют размеры блоков... Поскольку у них всех

float: left;

видимые блоки показываются, остальных не видно, потому как у блока-контейнера

overflow: hidden;

Примерно такой алгоритм...

[goooooch]

ну да, это понятно, а как это сделать?
предположим, что хтмл такого вида

<div style="width:100%; overflow:hidden" id="container">
<div style="float:left; clear:right" class="incontainer"></div>
<div style="float:left; clear:right" class="incontainer"></div>
<div style="float:left; clear:right" class="incontainer"></div>
<div style="float:left; clear:right" class="incontainer"></div>
</div>

на сайте-образце ширина вложенных блоков в %, причем, как я понял, сумма длин = 100%.

[ksa]

а как это сделать?

5000р...

[trikadin]

Так там все на скриптах... Это не вёрстка.

А я склонен думать, что это вёрстка. Не смотрел код, но вообще, мне кажется, это можно без скриптов провернуть... Блоки с float'ом сами соскальзывают. И всё, собственно...

[ksa]

А я склонен думать, что это вёрстка.

Там style у элементов меняются всякий раз при ресайзе...

это можно без скриптов провернуть...

Если 100% как у них - нет...

Блоки с float'ом сами соскальзывают. И всё, собственно...

Всё да не всё.
Если присмотришся - они еще и по горизонтали "подстраивают" отступы...

[trikadin]

Там style у элементов меняются всякий раз при ресайзе...

Ага, уже посмотрел firebug'ом... Мда. Был неправ))