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

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

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

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

float: left;

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

overflow: hidden;

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

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

<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%.

5000р...

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

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

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

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

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