Ты отвратительна, моя красавица!
Здравствуйте! У меня две проблемы:

1) экстрабатом не поднимается выше блока меню. Можно его как-то закрепить за #page-c?

2) Почему-то дизайн, который должен быть централизированным, на самом деле чуть сдвинут в лево. Сколько я не пыталась отыскать проблему в свем коде, у меня не получается. Может, вы подскажите?

Весь мой цсс

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

Комментарии
01.10.2011 в 23:48

вот мой код с которым у меня все по центру
#page-c{width:928px !important; background: url('/userdir/1/5/7/4/1574422/71559016.png') repeat-y; margin: 0 auto !important; }
#wrapper{ min-width:0px!important; width:950px; margin: 0 auto !important;}
01.10.2011 в 23:56

Ты отвратительна, моя красавица!
Попробовала переписать эти две свои стрки. Видимо, не в них проблема.
01.10.2011 в 23:59

Мыслить последовательно, судить доказательно, опровергать неправильные выводы должен уметь всякий: физик и поэт, тракторист и химик. (с)Э. Кольман
Должно быть:
position: centre - такого не существует.
Для центрирования должно присутствовать:


Первый вопрос не понял.
02.10.2011 в 00:27

Heor, а причем к фону текст?
Berthy, в вашем коде честно говоря черт ногу сломает )))) попробуйте подвинуть врампер вручную добавить например margin-left: 100px. Именно врампер отвечает за внутрености дневника и его положение. А вообще к ширине пейдж с надо плюсовать ширину меню и то число которое получится должно быть врампером то есть у вас оно должно быть 841.
02.10.2011 в 00:34

Мыслить последовательно, судить доказательно, опровергать неправильные выводы должен уметь всякий: физик и поэт, тракторист и химик. (с)Э. Кольман
-=CHARMING=-
А при чем здесь фон? Я так понял, что мы сдвигаем блоки. Все блоки находятся внутри блока #wrapper. Значит и его надо центрировать.
body { text-align: center; } - говорит о том, что все блоки, находящиеся внутри блока body будут центрированы. Этот момент необходим ибо не все браузеры понимают конструкцию типа: { margin: 0 auto; }.

Соответственно, эта конструкция тоже присутствует здесь: #wrapper{ width:670px; margin: 0 auto; text-align: left; }
Ну и text-align: left; - это возвращение к нормальному тексту...
02.10.2011 в 00:49

Heor, эм... этот код вообще то централизирует только текст, а не сами блоки. Повторю text-align отвечает за текст а не блоки (кроме ие конечно, которое нафиг никого не интересует и делаетс элементом то чего не свойствено)
здесь проблема с блоками в нормальных браузерах, а не в убитом ие, поэтому текст алигн тут вообще не катит никаким боком потому что он будет работать в нормальных браузерах так как ему и свойственно, двигать текст, а блоки будут стоять на месте

htmlbook.ru/css/text-align
02.10.2011 в 00:54

Мыслить последовательно, судить доказательно, опровергать неправильные выводы должен уметь всякий: физик и поэт, тракторист и химик. (с)Э. Кольман
-=CHARMING=-, этот код централизует блок #wrapper. Причем кроссбраузерно. Хотите, можете проверить.
02.10.2011 в 01:12

хм... вот уж не думал что этот код когда то будет двигать блоги и в других браузерах. В принципе это выход в данной ситуации.
02.10.2011 в 01:13

Мыслить последовательно, судить доказательно, опровергать неправильные выводы должен уметь всякий: физик и поэт, тракторист и химик. (с)Э. Кольман
-=CHARMING=-, эту уже несколько лет является стандартным способом центровки. Лучший мне не известен.
02.10.2011 в 01:17

Heor, я обходился без него, и всегда было по центру даже в ие.
02.10.2011 в 01:26

Ты отвратительна, моя красавица!
Это капец, ребята. Ничего не работает...
Я сперва думала, что в моем коде есть какой-то перекрывающий перекрывающий тег.
Но ведь если первой строкой в боди прописать text-align да еще и position, да и еще и добавить импортант, то ведь наверняка должно заработать? А нет.
02.10.2011 в 01:34

Поситион не нужно.
Сделайте вот как.. скопируйте весь свой код в отдельный тхт и начните все заново. поставьте это
body { text-align: center; background-attachment:fixed; }
#wrapper{width:670px; margin: 0 auto; text-align: left;}
#page-c {background: url('/userdir/2/4/7/4/247477/71002266.png') repeat; width:716px !important;}
#page-t {width:716px; }
и постепенно добавляйте по одному из пунктов из вашего тхт, походу дела правя какие то недочеты
Скорее всего сдвинется меню, правим выделеное жирным
#side {background: url('/userdir/2/4/7/4/247477/71003758.png') repeat; width:125px !important; margin-right: 130px; margin-top: 5px !important; text-align:center !important; position: relative !important; border: 2px dotted #b9a67c; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;}


насчет аватар
максимальный размер не самое удачное решение, это я на своем опыте уже понял потому что аватары 120х150 будут сжимать и честно говоря иногда из картинки получается нечто ужасное, и пугающее. Но можно это обойти уменьшая равноценно, то есть на 120х150 нужно ставить мах-width: 100px; max-height: 130px.
02.10.2011 в 01:44

Мыслить последовательно, судить доказательно, опровергать неправильные выводы должен уметь всякий: физик и поэт, тракторист и химик. (с)Э. Кольман
position - это лишнее.
А что не работает? Можно как-то подробнее? А еще лучше скажите где Вы экспериментируете и что хотите получить.

Плыть может, например, из-за того, что у Вас что-то не то с размерами блоков.
02.10.2011 в 01:45

Ты отвратительна, моя красавица!
margin-right: 130px;
Это гениально. Да, видимо, придется двигать боди\врапер вручную... Спасибо вам большое) Сегоденя уже не буду пробовать исправить, устала, но в успешности затеи не сомневаюсь
Извините за то, что пришлось покапаться в моейм очень таком э, сумбурном коде.

Можно я вас спрошу насчет аватаров позже? Сама еще не вникала в этот вопрос, поэтому не способна ни оценить ваш совет, ни задать умный вопрос.
02.10.2011 в 01:49

не за что, обращайтесь
02.10.2011 в 02:07

Ты отвратительна, моя красавица!
-=CHARMING=-, вам прямо на ю-мейл сообщетва писать, или вы дадите свои личные контакты?)
02.10.2011 в 02:13

если напишите на юмаил сообщества, письмо все равно отправится в личные контакты, так что можете писать прям на него