Zuenf

Взял пример с официального сайта из раздела про Layout и решил разобраться как оформить данный блок до конца по методологии. Пример как должно выглядеть в итоге: Меня интересует вопрос нужен ли тут вообще l-grid ведь layout можно через модуль оформить, как и остальные стили. Иначе сам по себе модуль будет зависеть от других стилей позиционирования и без них итемы будут выводиться вертикально, что добавляет лишние зависимости. Первый вариант с вырванным и помещенным в layout позиционированием. <div><h2>Featured</h2><ul class="module l-grid"> <li class="module-item"><a href="…">…</a></li> <li class="module-item"><a href="…">…</a></li> …</ul></div>Другой вариант если мы сделаем не модулем с итемами, а каждый итем будет отдельным модулем. Тогда проблем с лишними зависимостями не будет, но и для ul теперь не задать, например бордер. <div><h2>Featured</h2><ul class="l-grid"> <li class="module"><a href="…">…</a></li> <li class="module"><a href="…">…</a></li> …</ul></div>И последний - задание стилей позиционирования в самом модуле, но для чего тогда использовать l-grid? <div><h2>Featured</h2><ul class="module"> <li class="module-item"><a href="…">…</a></li> <li class="module-item"><a href="…">…</a></li> …</ul></div>Хочу понять как правильно сделать опираясь на SMACSS.

Отменяется...

При добавлении нового сообщения на этой странице - http://test.ur-pro.ru/chat-page.php едет верстка в iphone(5s ios7), причем на android, windows phone, а так же в шестых айфонах все работает как надо. Для прокрутки области сообщений стоит https://github.com/wieringen/tinyscrollbar . Он изменяет позиционирование блока просто вычисляя его высоту и зная к какой из сторон должен быть прижат блок. В моем случае он прижимает к низу изменяя свойство top. У родительского блока высота задана абсолютным позиционированием и заданными top и bottom. Но почему-то он растягивается вниз при добавлении сообщений. Прошу помочь. У меня к сожалению нет айфона для проверки и нормального тестирования. Знаю есть вот такая штука, но для нее как я понял все равно нужен живой iphone. Готов отблагодарить денежкой.

Хотел сделать пример в jsfiddle, сделал и, увидев окошко вывода, вспомнил про iframe, он идеально подходит для моей задачи. Спасибо

Что можно сделать с body, html или другим узлом DOM, чтоб все фиксированные элементы подвинулись немного вправо. Т.е. я понимаю, что fixed-блоки позиционируются относительно окна, а мне нужно левую границу области окна подвинуть немного вправо. Может есть какое-то новое CSS свойство или может это можно реализовать javascript'ом не используя перебора всех элементов и выбора из них всех фиксированных?

Не совсем понял, что конкретно ты хочешь сделать? Буду довольствоваться своим пониманием исходя из увиденного, в меру своей испорченности. А думаю я вот что: это типа возможность одним пользователям добавлять вопросы, а другим отвечать на них. Как я вижу структуру этого действа: Есть блок со всеми вопросами, после каждого из которых ответы, так же в отдельном блоке, и поле для добавления ответа. После этого блока или над, поле для добавления вопроса. При добавлении вопроса все просто, вставляем новый блок в блок с вопросами, он у нас один. А при нажатии на кнопку "Добавить ответ", нужно найти предыдущий элемент относительно кнопки с нужным нам классом, в котором содержатся все ответы. Как пример вот: http://jsfiddle.net/uqkEd/3/ А так же, вот тут про навигацию в DOM почитай - http://learn.javascript.ru/traversing-dom