добавьте к
.block-inner {
max-width: 960px;
margin: 0 auto;
}
Тогда контент будет по центру. Но сайдбар будет всё равно справа.
Чтобы сайдбар был внутри 960px блока, выравнивающегося по середине, сайдбар должен находится внутри max-width блока, а это значит, что либо градиенты не будут растягиваться по всей ширине так как сами будут ограничены 960px, либо сайдбар будет растягивать собой первый градиентный блок по высоте (если сайдбар положить прямо в него).
Ваша версия имеет не недочёт, а она в принципе неверно спроектирована. Но, если вам уж так нужно убрать скролл, то добавьте в свой макет.
body {
overflow-x: hidden;
}
И приходите снова, когда придёт осознание, что всё нужно переделывать по-другому. )
Хеадер не должен находиться над сайдбаром? Справа от сайдбара тоже должны продолжаться градиенты, но уже без одержимого? Что должно "резиниться"?
Может вам стоит в паинте нарисовать набросок? А то ей-богу, ничего не понятно. Плюс эти псевдо-селекторы :before - не ясно, то ли вам действительно так нужно, то ли это попытка решить какую-то несуществующую проблему.
@nepster09 Тогда сделайте два отдельных регекспа. Это проще и чище, чем городить один универсальный. Разбирать через полгода код с лютыми регекспами - то ещё развлечение.
Оу. ) У меня под рукой питона не было, компилировал в уме. Надо убрать "^" из регекспа.
re.split('[., ]+', 'your string with spaces, commas and dots.')
@vovadesigner Странно, у меня CS5 "уважает" пиксельные размеры и меняет сантиметровые...
Нет, смотрите. Если вам прислали макет в lo-res, с ним уже ничего не сделаешь - просто увеличивайте масштаб просмотра (не макет!) в 200% и работайте с ним, как есть.
Если макет увеличить, а потом уменьшить - он размажется. Чтобы не размазывался, можно, конечно, использовать алгоритм nearest neighborhood, но с ним свои проблемы - при уменьшении дорисованного в процессе работы hi-res контента вылезет "лесенка".
По этому, с существующими макетами работайте по-старому, но в 200% увеличении просмотра. А новые макеты рисуйте в hi-rez, а потом делайте две версии: уменьшенную, и для ретины. Только не забывайте про чётные размеры, чтоб при уменьшении не вылезли полу-пиксельные элементы. Например, border в ретине минимум 2px.
@vovadesigner Вы о каком софте говорите? Если о фотошопе, то от изменения одного только dpi, размер в px у макета не изменится, (как был 1000px так и остался 1000px). Изменятся его "виртуальные" размеры (которые в сантиметрах\дюймах).
Если, например, в индизайне, то да - там основополагающий размер в сантиметрах, а размер пиксельного рендера зависит от dpi.
На самом деле, это проблема ) Возрастают требования к фото-исходникам, ко шрифтам с мелким кеглем и прочее, прочее. Но такой подход даёт и свой профит: у вас сразу будут макеты и для ретины, и для lo-res. За это принято доплачивать.
Можно глобально объявить один объект, в качестве контейнера. И в него складывать все "глобальные" функции, он будет виден как глобально, так и в замыканиях.
Вы не можете отправить ["namePar":"City", "znachPar":["название_города"]]. Это ошибка, невалидный json, так не бывает.
Если вы используете пары ключ-значение - вам нужны фигурные скобки {}, то есть ассоциативный массив. Если вы используете квадратные скобки [], внутри них вы имеете право перечислять только значения, а не пары ключ-значение. Это обычный массив.