Неисправимый оптимист
Часть первая, вступительная 
Почти пять лет оформление дневников ограничивалось выбором шрифта и пары цветов.
С появлением сервиса CSS стало возможно всё.
Это платный сервис, но, пока идёт отладка и тестирование, подключить и пользоваться им можно совершенно бесплатно.
Для этого идем в Настройки › Профиль, внизу в поле «счёт» вводим какую-нибудь сумму, например, 999. Затем Настройки › Набор сервисов, здесь выбираем любой пакет включающий CSS. Жмем Посмотреть счёт, затем Оплатить.
О переходе на реальную оплату администрация обещала сообщить заранее.
После подключения (возможна небольшая задержка) в разделе настроек «Оформление дневника» появляется большое поле для ввода инструкций CSS (его трудно незаметить). Именно в это поле мы будем вписывать код из второй части урока.
С началом полноценной работы платных сервисов (за реальне деньги), в случае несвоевременной оплаты, сервисы эти станут недоступны, и дневник вернется в состояние бесплатного со всем вытекающими (при этом все записи останутся на месте). В таком случае - у вас на раздумья будет 2 месяца, в течение которых настройки ваших платных сервисов будут храниться на сервере. После этого срока - все данные вашего платного аккаунта будут безвозвратно утерены (останется только бесплатная часть). Ваши записи, комментарии и прочие ценности при этом не пострадают.
Часть вторая, научно-практическая
Сегодня, я расскажу как с помощью CSS можно создать дневник фиксированной ширины и разместить его по центру страницы.
Для этого нам потребуется: идея, знание основ математики и немного терпения.
Мы будем модифицировать CSS для трех слоев: wrapper, side и page-c
Во-первых, определяемся: какой ширины мы хотели бы сделать наш дневник.
При выборе ширины дневника наиболее значимую роль играют 2 фактора: разрешение экрана и максимально допустимая ширина изображения на дневниках (сейчас это 700 пикселей)
Почему это важно? Потому что если вы зададите слишком маленькую ширину - вам будет неудобно просматривать изображения, слишком большую - и вы имеете хороший шанс оказаться за пределами разрешения вашего экрана и, как следствие, с горизонтальной прокруткой страницы.
По статистике, подавляющее большинство пользователей рунета смотрят на мир в разрешении 1024х768 и более.
Из 1024 px примерно 24 px занмает полоса вертикальной прокрутки страницы.
То есть на всё про всё у нас остается 1000 px, в которые мы можем поместить дневник, не опасаясь за его здоровье.
Минимально возможная ширина дизайна складывается следующм образом:
ширина колонки меню + величина отступа + ширина зоны контента (ширина изображения 700px + величина отступа + ширина блока аватара на странице комментариев) + оступы для всего дневника
Продолжаем разговор

Почти пять лет оформление дневников ограничивалось выбором шрифта и пары цветов.
С появлением сервиса CSS стало возможно всё.
Это платный сервис, но, пока идёт отладка и тестирование, подключить и пользоваться им можно совершенно бесплатно.
Для этого идем в Настройки › Профиль, внизу в поле «счёт» вводим какую-нибудь сумму, например, 999. Затем Настройки › Набор сервисов, здесь выбираем любой пакет включающий CSS. Жмем Посмотреть счёт, затем Оплатить.
О переходе на реальную оплату администрация обещала сообщить заранее.
После подключения (возможна небольшая задержка) в разделе настроек «Оформление дневника» появляется большое поле для ввода инструкций CSS (его трудно незаметить). Именно в это поле мы будем вписывать код из второй части урока.
С началом полноценной работы платных сервисов (за реальне деньги), в случае несвоевременной оплаты, сервисы эти станут недоступны, и дневник вернется в состояние бесплатного со всем вытекающими (при этом все записи останутся на месте). В таком случае - у вас на раздумья будет 2 месяца, в течение которых настройки ваших платных сервисов будут храниться на сервере. После этого срока - все данные вашего платного аккаунта будут безвозвратно утерены (останется только бесплатная часть). Ваши записи, комментарии и прочие ценности при этом не пострадают.
Часть вторая, научно-практическая

Сегодня, я расскажу как с помощью CSS можно создать дневник фиксированной ширины и разместить его по центру страницы.
Для этого нам потребуется: идея, знание основ математики и немного терпения.
Мы будем модифицировать CSS для трех слоев: wrapper, side и page-c
Во-первых, определяемся: какой ширины мы хотели бы сделать наш дневник.
При выборе ширины дневника наиболее значимую роль играют 2 фактора: разрешение экрана и максимально допустимая ширина изображения на дневниках (сейчас это 700 пикселей)
Почему это важно? Потому что если вы зададите слишком маленькую ширину - вам будет неудобно просматривать изображения, слишком большую - и вы имеете хороший шанс оказаться за пределами разрешения вашего экрана и, как следствие, с горизонтальной прокруткой страницы.
По статистике, подавляющее большинство пользователей рунета смотрят на мир в разрешении 1024х768 и более.
Из 1024 px примерно 24 px занмает полоса вертикальной прокрутки страницы.
То есть на всё про всё у нас остается 1000 px, в которые мы можем поместить дневник, не опасаясь за его здоровье.
Минимально возможная ширина дизайна складывается следующм образом:
ширина колонки меню + величина отступа + ширина зоны контента (ширина изображения 700px + величина отступа + ширина блока аватара на странице комментариев) + оступы для всего дневника
Продолжаем разговор
спасибо, спасибо, спасибо!!!!! ))))
Всё зделала, что сказано.
body.left{padding-left:10px !important;}
.left #wrapper{width:700px;margin: 0 0 0 -395px !important;padding:0 !important;position:relative;left:50%;//left:49.5%;}
.left #side{width:180px !important;margin:0 !important;}
.left #page-c{width:600px !important;padding:0 !important;}
X__ScReAm сейчас, к сожалению, нет времени разбираться. Напиши в сообщество diaryCSS
По прозвищу Снейп, после вставки изображения в эпиграф выровняйте его по центру (а вообще - в справке по визуальному редактору всё написано - кнопка "?")
у меня вот тоже с одной стороны как у всех, а с другой - не совсем как у всех проблема.
у меня вроде бы во всех случаех все четко и ровно. а в некоторых - меню аж под комменты слева встает ::idiot2
вот мой код:
.right #wrapper{margin:0px auto; width:700px;}
.right #side{width:130px !important; margin:0 !important;}
.right #page-c{width:620px !important; padding:0 !important;}
.right #page-t{margin:0 !important;}
я только начинаю в этом разбираться, поэтому и не могу понять в чем же проблема. бьюсь сутки где-то. прочитал все комменты до конца. все выставлено чтобы избежать частво встречающихся проблем - верно. вот скрины (и дневник тоже открыт если что)
static.diary.ru/userdir/4/3/4/4/43449/23530947.... - коммент с ушедшим влево меню
static.diary.ru/userdir/4/3/4/4/43449/23530927.... - коммент нормальный
static.diary.ru/userdir/4/3/4/4/43449/23530907.... - нормальный вид дневника
(если первую строчку написать как
.right #wrapper{width:700px; margin: 0 0 0 -395px !important; padding:0; position:relative; left:50%;//left:49.5%;}
все равно ничего не изменяется)
все так просто?
/после того, как я поменял (уменьшил) ширину блока контента - в тех комментах где было хорошо - так и осталось все хорошо, а в тех комментах, где меню смещалось - меню наместо встало, но между блоками с комментами и меню появлось расстояние ::confused
может тогда рамки нафик убрать?
static.diary.ru/userdir/2/8/3/2/283255/22943206...
Но у меня возникла такая вот проблема. В IE все отображается как надо, а вот в других браузерах колонка с меню пропадает. Не подскажете как это исправить? Спасибо
Код:
body.left{padding-left:10px !important;}
.left #wrapper{width:700px;margin: 0 0 0 -400px !important;padding:0 !important;position:relative;left:50%;//left:49.5%;}
.left #side{width:140px !important;margin:300px 0 0 0; !important;}
.left #page-c{width:650px !important;padding:0 !important; margin:300px 0 0 0;}
Вообще-то я им и пользовался
.right #wrapper{width:700px;margin: 0 0 0 -395px !important;padding:0 !important;position:relative;left:50%;}
.right #side{width:180px !important;margin:0 !important;float:right}
.right #page-c{width:600px !important;padding:0 !important;}
.right #page-t {margin:0 !important;}
не могли бы Вы подсказать чтоо тут неправильного?
вставялю код.дизайн остается прежним..
цифры пробовала менять. все равно все по-прежнему..
И еще раз повторяю - со всеми вопросами не по теме записи - шагом марш в специальное сообщество diarycss