Проблемы с позиционированием основного контейнера

пятница, 10 августа 2012

18:39

Проблемы с позиционированием основного контейнера

все записи пользователя в сообществе acid revolution

тепловая смерть вселенной.

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

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

URL

*** Я блуждаю по городу мёртвому, Мысли - сбиты, а воло... Доктор Шторм Current music: Земфира - Webgirl Так ето и было

Вспомнила сегодня голос и фразу Альбины, когда ей предлаг... У меня были галюны. Правда. Слуховые.. хотя не зна, может... Посмотрела Блэйд 2. Этот фильм смотреть нужно не в киноте...

Комментарии

10.08.2012 в 18:52

[Летающий Половник Смерти]

все в твоих руках, криворукий интуит!

acid revolution, а можно код?)

URL

10.08.2012 в 19:14

acid revolution

тепловая смерть вселенной.

Отдельные блоки меню еще не позиционированы.

body {background:#000000 url("/userdir/1/5/7/3/1573573/75282750.jpg") repeat !important; margin: 0px !important; padding: 0px !important;}
 #wrapper {color: #212322 !important; max-height:70% !important ; max-width:60% !important; background: url("/userdir/1/5/7/3/1573573/75702166.png") repeat !important; margin-top: 4px !important; margin-bottom: 70px; border-radius: 0px 0px 30px 30px;}
 #page-c {padding: 9px 9px 9px 0px !important;}
 #postArea {padding-left: 0px !important;}
 {----------------------------------------------------------------------------------------extratop-------------------------------------------------------------------------------------------------------}
 #extratop {height:430px; background: #e4e4e4 url("/userdir/1/5/7/3/1573573/75702126.png") no-repeat ; background-position: left !important; border-bottom: 3px solid #2e2e2e}
 {----------------------------------------------------------------------------------------menu-------------------------------------------------------------------------------------------------------}
 #side, #side a{font: normal small-caps 14pt/10pt Century,Courier New; color: #2e2e2e;}
 #side h1 A {background: url("/userdir/1/5/7/3/1573573/75702755.png") ; padding-top: 5px !important;width: 190px; height: 25px !important; font-size: 24pt/10pt !important; color: #fafafa !important; text-decoration: none; text-align: center !important;border-radius: 40px;}
 #side h1 A:hover { background: url("/userdir/1/5/7/3/1573573/75702166.png"); color: #fafafa !important; color: #2e2e2e !important;border: 1px solid #2e2e2e !important;}
 #authorName {background: url("/userdir/1/5/7/3/1573573/75702755.png");color: #fafafa !important;width: 200px; height: 25px !important; font-size: 24pt/10pt !important; border-radius: 40px; text-decoration: none; text-align: center !important; padding-top: 5px !important; }
 #authorName a {repeat !important;color: #fafafa !important; font-size: 24pt/10pt !important; }
 #authorName:hover {background: url("/userdir/1/5/7/3/1573573/75702166.png"); color: #fafafa !important; color: #2e2e2e !important; border: 1px solid #2e2e2e !important}
 {---------------------------------------------------------------------------------------mainMenu-------------------------------------------------------------------------------------------------------}
 .menuSection a{text-decoration: none !important;}
 {----------------------------------------------------------------------------------------mainMenuPositions---------------------------------------------------------------------------------------------}
 {----------------------------------------------------------------------------------------MenuPositions---------------------------------------------------------------------------------------------------}
 #side {position: absolute !important; top: 0px; }
 #side h1 A {position: absolute !important; top: 26px; left: 55%;}
 #authorName {position: absolute !important; top: 75px; left: 61%;}
 {----------------------------------------------------------------------------------------displaySettings-------------------------------------------------------------------------------------------------------}
 #topNav, #myCommunitiesLink, #diarySpiritLink, #notepad, #Stats, #pchs, #lastComments, #faqLink, #diarySupportLink, #thisDiaryPhoto, #YaSearch, #allDiaryLink,#authorLiks, #authorRSS, #rssLink, #myLinksLink, #myNotepadLink, #allDiaryLink, #myCommunityLink, #randomDiaryLink, #paySupportLink, #epigraph {display: none !important;}
 {-----------------------------------------------------------------------------------NameAndIcons---------------------------------------------------------------------------------------------------}
 .comments a:after {content: "comments" !important;}
 .subscribe a:after {content: "subscribe" !important;}
 .addToQuote a:after {content: "quote" !important;}
 .atTag{background: url("/userdir/1/5/7/3/1573573/75711150.png") no-repeat !important; padding-left: 21px !important; padding-top: 2px;}
 .comments {background: url("/userdir/1/5/7/3/1573573/75711218.png") no-repeat !important; height: 21px !important;padding: 3px 0px 2px 21px !important;}
 .subscribe {background: url("/userdir/1/5/7/3/1573573/75711202.png") no-repeat !important; height: 21px !important;padding: 3px 0px 2px 21px !important;}
 .addToQuote {background: url("/userdir/1/5/7/3/1573573/75711196.png") no-repeat !important; height: 21px !important;padding: 3px 0px 2px 21px !important;}
 .atMusic{background: url("/userdir/1/5/7/3/1573573/75711353.png") no-repeat !important; height: 21px !important;padding: 3px 0px 2px 21px !important;}
 .comments a span, .atTag span, .subscribe span, .addToQuote span, .atMusic span{display: none !important}
 {-------------------------------------------------------------------------------TextSettings--------------------------------------------------------------------------------------------------------}
 .atTag a {text-decoration: none !important; font: normal 8pt/10pt small-caps; color: #181818;}
 .atTag a:hover{color: #f9fbfb;}
 .paragraph div {font-size: 12pt/10pt !important; color: #181818 !important;}
 .postLinksBackg a {text-decoration: none !important; font: normal 8pt/10pt small-caps; color: #181818;}
 .postLinksBackg a:hover{color: #f9fbfb;}
 .menuSection a{text-transform:lowercase;}

URL

11.08.2012 в 02:01

winterwolf

Ходят слухи, что он, танцуя по небу разит мечом словно ветер, что даже во тьме звёздный свет отражается от его меча солнечным днём

Странно, но скопировав код и поставив меню сверху я не вижу этого отступа.

URL

11.08.2012 в 08:18

acid revolution

тепловая смерть вселенной.

Нет. Меню по опции не сверху, то есть оно не выпадающее. Оно слева, а снесено вверх оно абсолютным позиционированием.

URL

11.08.2012 в 19:04

синяк на пятке

acid revolution, добавьте эту строчку
#postsArea, #commentsArea, #addCommentArea {width:100% !important; position:relative; right: 200px}
и подгоните под ваши нужды.
Единственное, в чем я не уверена - возможно придется править страницу календаря записей, ссылок, но может и не придется

URL

11.08.2012 в 19:16

acid revolution

тепловая смерть вселенной.

шатаюсяясся, спасибо.

URL


Запомнить

Проблемы с позиционированием основного контейнера

@CSS — стилизация дневников