MAzZY

Я понял, как это побороть. Не нужно ставить float такой инструкцией .main-content div { height: 100px; border: 1px solid #ddd; box-sizing: border-box; float: left; } Достаточно прописать его у каждого блока. Тогда всё получается.

Спасибо, вариант хороший. Вот только проблема в том, что при таком подходе всё внутреннее содержимое сайдбаров ведёт себя совсем как попало. Да и тяжеловато настроить нормальные отступы между блоками.

Доброго всем дня Прошу помочь с адаптивной вёрсткой трёх блоков. Код такой: <div class="main-content"> <div class="left-sidebar">левый сайдбар</div> <div class="content">центральный блок</div> <div class="right-sidebar">правый сайдбар</div> </div> .content, .left-sidebar { float: left; } .right-sidebar { float: right; } На полной версии (>1000px) это выглядит так: А на меньших разрешениях должно быть так: Никак не могу сообразить, как заставить их поменяться местами.

Ничего нового, если честно. Всё это я и раньше знал и именно поэтому искал сервисы автоматической чистки-оптимизации, чтобы вручную не ковырять

Всем спасибо за помощь. Итог такой: 1) удаление неиспользуемых элементов: Аддон для FireBug - https://addons.mozilla.org/en-US/firefox/addon/css-usage/ отдельный плагин Dust-Me Selectors - https://addons.mozilla.org/ru/firefox/addon/dust-me-selectors/ 2) чистка правил, компоновка - http://css.github.io/csso/csso.html

Вот, похоже, что надо. Удаление неиспользуемых правил. Одной задачей меньше. Спасибо

Насколько я понял, это лишь наведение красоты и порядка, а нужен логический анализ

Добрый день, коллеги Попался мне в руки старенький шаблон, свёрстанный неким школьником. Внешне всё выглядит хорошо, но внутри как-то всё печально. Код я починил, насколько нужно, а вот с css тяжеловато. Там полторы тысячи строк и разобрать это вручную малореально. Конечно, что-то я уже почистил, но не более того. Посему вопрос: есть ли какой-то сервис, программа, скрипт, позволяющие (полу)автоматически сделать следующее: 1) убрать неиспользуемые правила 2) указать пересекающиеся/дублирующиеся правила 3) максимально сократить код, убрав конструкции, подобные этой Короче, нужно максимально оптимизировать css, но не просто убрать пробелы и сжать всё, а именно провести логическую чистку.

Наверное, я плохо объяснил. Прокрутка должна быть только у всплывашек, а не у всего body.

Я не виню, работа действительно проделана большая. Но очень заумная. Указал min-height: 700px; но ничего не меняется. Что-то ещё нужно? Не могу сообразить

Там всё намного мудрёнее. Дикая идея дизайнера и заумное решение верстальщика. Всё взаимосвязано и если что-то нужно изменить, то приходится переделывать всё целиком. Посмотрите, может кто-то сообразит. _http://www.удалил.ru/ - женщина в синем по центру.

Блин, не хочу давать. Клиентский сайт. Но там такого навертели в коде, что ахтунг. Скажите, какие могут быть варианты. Я буду перебирать

Есть узкий всплывающий блок с большим количеством текста. На больших мониторах проблем нет. Но если монитор узкий, то блок выходит куда-то наверх и половину текста не видно. Сайт имеет фиксированную высоту, такая особенность. Блок свёрстан так: <li class="item" style="width: 53px; height: 133px; left: 592.667px; top: -222px;"> <a class="buble" href="#"> <span class="buble-m"> Длиннотекст </span> <span class="buble-b"></span> </a> </li> buble имеет свойство display:none li:hover - display:block Вот так вот хитро соорудили и мне теперь нужно как-то сделать так, чтобы блок не уплывал за пределы, с учётом того, что снизу он "закреплён". Т.е. должна высота меняться по месту и должна появляться прокрутка. Если прописать overflow, то прокрутка всё равно не появляется, т.к. высота блока не изменяется. Что бы такого придумать?

http://hll.msu.ru/ Реально работают и помогают

Нарисовать и сверстать шаблон для phpBB на основе дизайна сайта. Либо качественно перекрасить prosilver. mazzybig@gmail.com ICQ - 5818265 Или в личку