Браузер не отображает часть кода

[srb87]

Здравствуйте! Не знаю, может быть вопрос немного не в тему, но все-таки... Устроился на работу администратором сайта и не могу разобраться с проблемой (сайт делали до меня).

 

На этих страницах:

http://lorena-kuhni.ru/novosti/novyie-otkryitiya

http://lorena-kuhni.ru/novosti/novosti-kompanii

http://lorena-kuhni.ru/akczii/akczii

http://lorena-kuhni.ru/akczii/rasprodazha

 

меню представляет собой кучу div-ов, вложенных в общий div. При нажатии кнопки "Следующий", у общего div-а увеличивается margin-left и вся эта конструкция прокручивается.

 

Проблема заключается в том, что видны только 20 вложенных div-ов, а остальные нет. Но в html-коде они присутствуют. Как так может быть? На вид, все теги и атрибуты у всех div-ов абсолютно одинаковые.

 

Почему браузеры не воспринимают часть кода? Помогите, пожалуйста, кто чем может!

 

P.S. Перепробовал кучу программных настроек (сайт сделан на MODx), но в принципе причем тут они? Ведь html в браузер попадает!

[caprella]

Из-за обилия <script> между блоками <a> лениво было считать, сколько там этих <a>, но судя по id (cat_0 - cat_N) все логично получается. Отображаются все блоки по id="cat_19", т.е. ровно 20 штук, ведь для каждого .cat задана ширина в 5%. Таким образом, независимо от ширины родительского дива, на каждую категорию выделяется 5% его ширины, поэтому 21-ый элемент уже не помещается, опускается вниз под ленту блоков и обрезается родительским контейнером.

 

Если позволяет ТЗ, попробуйте задать ширину каждого блока в px вместо %, а родительский контейнер сделать заведомо большего размера, чтобы все это вместить.

 

 

Хм.. полистала и поняла, зачем задается в процентах

Edited November 21, 2013 by caprella

[caprella]

Не могу успокоиться Выходит довольно интересная задача, потому что ширину блока нужно задавать в процентах от ширины окна, но при этом эти блоки должны слайдиться. Немного помучив разметку, нашла только вариант с использованием js и динамическим расчетом ширины каждого блока в слайдере. Буду внимательно следить, вдруг кто предложит изящный вариант только с использованием css.

[srb87]

Спасибо за подсказку! Оказалось все элементарно! )) Реально внутренние блоки просто обрезаются внешним блоком. Аж стыдно стало... Сейчас пытаюсь это дело как-то уровнять... ))