среда, 19 марта 2008
00:34

Новый код для дизайна фиксированной ширины по центру

Tex
Неисправимый оптимист
4 строчки, которые изменят все!

Универсальный код для постановки основного блока дневника фиксированной ширины по центру страницы.
Обратите внимание на то что префиксы .left и .right теперь не нужны.

В коде выделены добавленные/измененне свойства.

#wrapper{min-width:850px!important; width:850px; margin: 0 auto !important; padding:0 !important; overflow:hidden !important}
#side {width:180px !important; margin:0 !important}
#page-c {width:660px !important; padding:0 !important; margin:0 !important}
#page-t {margin:0 !important;}

Как и прежде получить css для своего дневника можно с помощью удобного генератора кода
www.quartex.ru/diary/cssgen/ (версия от 17 марта 2008)

ЧТОБЫ ДНЕВНИК ОСТАВАЛСЯ НА СТРАНИЦЕ СЛЕВА
В свойствах блока #wrapper
1. Удалите из полученного в генераторе кода параметр overflow:hidden !important и margin: 0 auto !important;

В итоге должно получиться следующее:

#wrapper{min-width:850px!important; width:850px; padding:0 !important;}
#side {width:180px !important; margin:0 !important}
#page-c {width:660px !important; padding:0 !important; margin:0 !important}
#page-t {margin:0 !important;}

ЧТОБЫ ДНЕВНИК РАЗМЕЩАЛСЯ НА СТРАНИЦЕ СПРАВА

В свойствах блока #wrapper
1. Удалите из полученного в генераторе кода параметр overflow:hidden !important и margin: 0 auto !important;
2. Добавьте свойство float:right!important;

В итоге должно получиться следующее:

#wrapper{min-width:850px!important; width:850px; float:right!important; padding:0 !important}
#side {width:180px !important; margin:0 !important}
#page-c {width:660px !important; padding:0 !important; margin:0 !important}
#page-t {margin:0 !important;}


@темы: дневники, CSS, Дизайн

URL
Комментарии
19.03.2008 в 00:38

bokonist
fail better
поставил редирект на твой генератор, обновляй )
URL
19.03.2008 в 01:29

нос
не все напрасно
Саша, можно я твою запись в Спирите прорекламирую?
URL
19.03.2008 в 01:31

Tex
Неисправимый оптимист
нос, конечно, Евгений Павлович!

bokonist, уже обновил
URL
19.03.2008 в 01:37

нос
не все напрасно
Спасибо :)

URL
19.03.2008 в 05:21

Rorean
пушистый милый пыкш (с) FLENDERS
А как пользоваться генератором, если мне нужно, чтобы дневник был НЕ по центру страницы?
URL
19.03.2008 в 09:06

Lady Dara
Don't live to dance. Dance to live!
Спасибо!
URL
19.03.2008 в 14:21

Rorean
пушистый милый пыкш (с) FLENDERS
Спасибо
URL
19.03.2008 в 19:30

муравей штата Вой
Тепер, спи до завтра, Спробуєм може, ще
создайте уже пост в diaryCSS. половина всех проблем у тех, кто пользовался помощью Tex. им было бы гораздо легче исправить ошибки, если бы они узнали, что существует Новый код.
URL
19.03.2008 в 21:57

мирная|фанатка
When I get sad, I stop being sad and be awesome instead. True story. - B.S.
эм.. а как что бы было справа?))
URL
19.03.2008 в 22:23

Riski
Tex
Большое спасибо. Думаю, что один такой пост в сообществе, мог бы сразу разрешить проблему для большинства "страдальцев" ^^
URL
19.03.2008 в 23:07

ОГРОМНОЕ спасибо!!! :friend:
URL
20.03.2008 в 00:45

Идея
Нужно просто верить...
)) все так отлично, но...знаешь, когда открываю "новая запись" на пару секунд все нормально, а потом чик и все поле для ввода съезжает под колонку меню. не подскажешь, как это можно исправить? (весь дайри я принципиально по ценру так сделала, но даже если сделать только слева его, все равно едет...)
учитывая, что мои параметры вот такие(если исп. твой код):

#wrapper{min-width:800px!important;width:800px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important}
#side{width:174px !important;margin:0 !important}
#page-c{width:615px !important;padding:0 !important;padding:0 !important}
#page-t {margin:0 !important}

заранее спасибо)
URL
20.03.2008 в 01:40

mkiva
я даю повод для всего и это значит ничего
а что делать если у меня фоновой рисунок?
URL
20.03.2008 в 02:36

mkiva
я даю повод для всего и это значит ничего
ещё вопрос по поводу централизации
что за это отвечает? и как будет тоже самое только без централизации?
мне надо чтоб всё било с лева на право

спосибо
URL
20.03.2008 в 04:41

konviki
Your bunny wrote
:kiss: спасибо
URL
20.03.2008 в 10:15

*klukva*
мирная|фанатка эм.. а как что бы было справа?))
тоже хотелось бы узнать :rolleyes:
URL
21.03.2008 в 00:33

Эраэти
Shackleford, Rusty Shackleford
Спасибо вам огромное! :squeeze:
URL
22.03.2008 в 16:01

Ленечка
настоящий пацан знает много асан
спасибо огромное за новый калькулятор : )
URL
27.03.2008 в 23:53

Подскажите, пожалуйста... Через генератор не получилось (с предыдущими версиями проблем не было), вставила код непосредственно из этого поста (и первый, и второй испытала) - результат один: колонка меню четко с одного края, колонка с записями - с другого. Между ними пустота. Чего только ни делала - без изменений. Даже на Оперу погрешила, но и в ИЕ то же.

URL
07.04.2008 в 18:09

Rorean
пушистый милый пыкш (с) FLENDERS
А можно как-то сделать так, чтобы дневник смешался на 5-10% в лево или право, в старом коде эта проблема решалась легко, а как это можно сделать теперь?
URL
09.04.2008 в 01:10

Tex
Неисправимый оптимист
Wenta, читайте diarycss - там много писали про отступы как внешние так и внутренние
URL
13.04.2008 в 16:57

в опере всё норм, а в IE всё сьехало, помогите
#wrapper{min-width:900px!important;width:900px;padding:0 !important;}
#side{width:190px !important;margin:0 !important}
#page-c{width:720px !important;padding:0 !important;padding:0 !important}
#page-t {margin:0 !important}
#YaSearch {display: none;}
#thisDiaryOwner {display: none;}
#pchs {display: none;}
html { background: transparent !important; background-attachment:fixed; background: ; }
body{ background-attachment:fixed; }
#myCommunitiesLink {display: none;}
#communityCatalogueLink {display: none;}
#randomDiaryLink {display: none;}
#diarySupportLink {display: none;}
#paySupportLink {display: none;}
#wrapper { width: 50%; height: 100px; overflow: 150px;hidden; }
#postsArea { overflow: -moz-scrollbars-vertical; overflow-x: auto; overflow-y: 240px; overflow: auto; height: 598px; }
background:#ffffff
URL
14.04.2008 в 23:08

Tex
Неисправимый оптимист
MORuNOOFF, не удивительно - воспользуйся генератором кода
URL
09.06.2008 в 00:22

.Kei.
I love saying YES... and doing the opposite! xD
У меня всё ещё вопрос, знаю все спрашивали.
Меню всё ещё лезит на запись, вот код

код
URL
09.06.2008 в 01:43

Tex
Неисправимый оптимист
.Kei., воспользуйся генератором кода
Твоя проблема от бездумной замены цифр.
URL
09.06.2008 в 01:49

Идея
Нужно просто верить...
Tex кстати дело тут, по-моему не в бездумной замене, а частично в браузере. в мозилле у меня ничего не наезжает, а в эксплорере просто ужас....
URL
09.06.2008 в 08:34

Tex
Неисправимый оптимист
Идея, пришли мне линк на страницу где можно увидеть проблему и уточни в каком браузере ее можно увидеть - проверим
URL
09.06.2008 в 13:05

.Kei.
I love saying YES... and doing the opposite! xD
Tex
всё, теперь понятно где была ошибка, просто посредине были ещё вякие коды, и ширина записи не регулировалась :) надо было удалить и всё заработало, спасибо :)
URL
10.06.2008 в 03:09

Идея
Нужно просто верить...
когда новую запись пишешь, там наезжает)) думаю, ссылка не откроется поэтому(
URL
20.06.2008 в 10:09

Спасибо
URL

Расширенная форма

Редактировать

Подписаться на новые комментарии
Получать уведомления о новых комментариях на E-mail