воскресенье, 07 октября 2012
22:38

Разъезжаются все блоки

все записи пользователя в сообществе .muninn
Let me tell you about social justice.
Вечер добрый. У меня распространенная проблема, - кривой сход-развал основных блоков - но конкретно своего решения я не нашла.
1) где-то в коде ошибка, из-за которой область постов (подозреваю, что это какой-нибудь page-t) больше предоставленной картинки;
2) не могу прилепить экстра-блоки к телу записи.
Как это выглядит
Как это должно выглядеть в недостижимом идеале
3) надо прилепить меню к левому краю тела, т.е., чтобы оно центровалось не по левому краю экрана, а было больше похоже на выеуказанный идеал.

Дизайн висит на отдельном пробном аккаунте здесь.

@темы: отступы, diaryCSS, основные блоки

URL
Комментарии
07.10.2012 в 22:58

злой сов
на самом деле сладкий пирожок с добром и матами
Имхо.
1) где-то в коде ошибка, из-за которой область постов (подозреваю, что это какой-нибудь page-t) больше предоставленной картинки;
page-t - в пикселях должно быть по размеру картинки.
Стоит учитывать, что в идеале wrapper=side(с отступом)+page-t. Тогда отступ между меню и постами не будет настолько большим.
2) не могу прилепить экстра-блоки к телу записи.
У вас в настройках заданны опции размещения их по середине. Тело записей съезжает из-за широко враппера, я думаю. Двигайте или тело записей к экстраблокам, или их, ждругого выхода не вижу.)
3) надо прилепить меню к левому краю тела, т.е., чтобы оно центровалось не по левому краю экрана, а было больше похоже на выеуказанный идеал.
В идеале имя пользователя и название дневника отцентрованы по середине, пункты же просто можно подвинуть немного правее, и все.
URL
07.10.2012 в 23:31

.muninn
Let me tell you about social justice.
злой сов, page-t - в пикселях должно быть по размеру картинки.
Проблема в том, что оно каким-то волшебным образом привязано к центу и огромный отступ почему-то всегда есть.
Если не сложно, укажите, пожалуйста, саму ошибку в коде:


URL
07.10.2012 в 23:53

злой сов
на самом деле сладкий пирожок с добром и матами
#wrapper{width:1102px

.left #page-c {margin-left:-210px;}
.left #page-t {margin-left:210px;}
.right #page-c {margin-right:-210px;}
.right #page-t {margin-right:210px;}

#page-c {width:700px
#page-t {width:700px;

У вас #wrapper не ранво сумме меню с отступами (210) и #page-c/#page-t.
Лишних 200 пикселей, думаю это и идет в отступ) Попробуйте врапер написать 910 ширину.
URL
08.10.2012 в 00:33

.muninn
Let me tell you about social justice.
злой сов, не робит. Почти то же самое, но справа пространство сократилось на те самые 200 пикселей и обрезало кусок картинки вместе с тенью.
URL
08.10.2012 в 00:38

злой сов
на самом деле сладкий пирожок с добром и матами
Попробуйте добавить
#page-c {width:700px !important; background:url('/userdir/3/0/5/7/3057521/76318561.png') 0 50%;}
Это должно сместить влево - может послушается.
URL
08.10.2012 в 10:10

Z. Maxim
Как посмотришь вокруг - ёб твою мать! А как подумаешь - а и хуй с ним ©
.muninn, проходил мимо, так что гарантий того, что будет "робить", не дам ХДД, но попробуйте так:

Если покатит, то остальные детали, полагаю, вы добьёте сами.
URL
08.10.2012 в 12:58

.muninn
Let me tell you about social justice.
злой сов, да фиг так, кусок откусывает и все ) но все равно спасибо.
Z. Maxim, "демон, как ты это сделал??" Работает, большое спасибо, осталось только прилепить экстработтом - там большой отступ зачем-то. Расскажите чуть подробнее, пожалуйста, насколько я вижу, Вы просто вписали margin, но у меня с тем же самым оно съедало кусок картинки.
URL
08.10.2012 в 13:42

Z. Maxim
Как посмотришь вокруг - ёб твою мать! А как подумаешь - а и хуй с ним ©
.muninn, да я в нескольких местах код поменял, да ещё и четыре строки Вашего кода вырезал =) Посмотреть бы, что ли, о каком отступе Вы говорите, потому что я в Вашем пробном дневнике не вижу расхождений с "идеалом" диза в плане отступов О_о
URL
08.10.2012 в 22:25

.muninn
Let me tell you about social justice.
Z. Maxim, потому что я догадалась заполнить контент, и стоило телу увеличиться, как заполнился сам отступ )
URL