Заполняющийся контент резинового сайта
:write: Добрый день (утро, вечер или ночь). Приятного настроения всем.:yes:
Вот решил перейти на резиновые сайты, даже не ожидал что с ними стока гемороя. В принципе всё в них понятно, за исключением одной вещи. На примере сайта ozon.ru Там несколько div-строк с товарами. Они заполняют всю ширину резиновой части, бех переноса на другую строку. количество товаров в строке зависит от ширины экрана (монитора). К примеру у меня 5. Если начну скролить с зажатым "контролом", то количество товаров в строке увеличивается или уменьшается в зависимости от размера. Как это реализовать? :help: Пытался искать в поисковиках информацию, но не знаю как грамотно задать поиск по этой теме. Подскажите с чего начать, что почитать. СПАСИБО большое за внимание! :thanks: |
|
Спасибо большое, poorking, за ссылку. Интересная статья, возьму на вооружение.:yes:
НО К СОЖАЛЕНИЮ :cray: я не нашёл в ней ни решения, ни ответа на вопрос "как делать?" и "где искать?" -------------------------------------- Интересный код нашёл на том же ozon.ru <script type="text/javascript">var params={minValue:2,maxWidth:165};var func=function(){blockResize(params);makeVisible();};$(window).ready(func);$(window).resize(func);</script> уверен, что он связан с решением, но как найти остальную часть среди прочего кода?:blink: |
Цитата:
|
poorking,
Друг, спасибо болшьшое, за статью. Она реально полезная. Я её подробно изучил. :yes: НО зайди на сайт OZON.RU обрати внимание на количество товаров в строках, затем зажми "Ctrl" и покрути колесиком мыши. Количество товаров в строке изменяеться в зависимости от размера окна. Это и есть настоящий резиновый сайт с отличным скриптом для него. И какая тут связь со статьёй "Список блоков с разным вертикальным выравниванием", ссылку на каторую ты мне дал?:cray: |
Ну это банальный float:left, или display:inline-block.
|
Aetae, нет :-? я уверен, что там javascript участвует.
|
Цитата:
вообще такое на сss3 можно сделать для нормальных браузеров... |
Спасибо, Seva1986, всё понятно обяснил.:yes: Подскажи пожалуста, как реализовать "прослушиватель" размера окна? :-? То есть: если окно меняет размер (например была нажата кнопка "свернуть в окно" или был изменён с помощью контрола), то заного просчитать ширину.
|
на скрипте window.onresize
на сss директива media с параметром max-width или min-width |
Часовой пояс GMT +3, время: 22:42. |