полоса прокрутки

воскресенье, 20 февраля 2011

17:16

все записи пользователя в сообществе кин.

sanitarium

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

 .block_design {background: #d6cfce url('/userdir/1/3/3/3/1333647/66089888.png') 0 0 no-repeat fixed; padding: 0 !important;}
 #wrapper{ min-width: 920px; width: 920px; margin: 30px 0 0 197px !important; padding: 0 !important; }
 #add_block1 { top: 420px; }
 #add_block1 { position: Right ; width: 920px; height: 1px; background: #; border-bottom: 0px dashed #964d4d; z-index: -1 !important; }
 {------------------------------------------------------ menu -------------------------------------------------------}
 #side { position: fixed; margin: 155px 0 0 -270px !important; padding: 0px 0 0 0px !important; text-shadow: 1px 1px 1px #212121; text-transform: lowercase; font: bold 14px Candara !important;}
 .menuSection { border-bottom: 1px dashed #646464 !important; width: 150px; padding: 10px 0 10px 70px !important; margin: 5px 0 0 0px !important; }
 #side a { color: #ddd8de !important;}
 #side h1 {position: absolute; top: 230px; left: 80px; text-align: left !important; width: 500px;}
 #side h1 a {font: bold italic 26px Candara !important; color: #ddd8de !important; text-shadow: 1px 1px 1px #212121;}
 #Stats { text-align: left !important; }
 #thisDiaryPhoto img { max-width: 70px !important; width: 70px !important;}
 #thisDiaryPhoto {position: absolute; top: 270px; left: 80px; max-width: 70px !important; width: 70px !important; height: 70px !important; background: #f8f8f9; border: 10px solid #f7e7e7; }
 #authorName {font: bold 20px Candara !important; color: #; position: absolute; top: 360px; left: 80px; width: 920px !important; text-align: left !important; border: none !important;}
 {------------------------------------------------------ display none -------------------------------------------------------}
 #globalLinks, #authorLiks, #authorAlbum, #authorRSS, #postsCalendar, #albumLink, #authorFav, #rssLink, #upInChart, #YaSearch, #lastComments, .urlLink, .sign, #headlineList, #myDraftLink, #writing-pad, #photolibLink, #tagslistlink, #myProfileLink, #sortOrder, .prevPostLink, .nextPostLink, .prevNextLinks, .postLinksOld, .diary, #login_form, #lastComments, #pchs, #myLinks {display: none !important;}
 {------------------------------------------------------ posts -------------------------------------------------------}
 #page-t { background: #d6cfce; margin: 0px 0px 0 180px !important; padding: 30px 10px 10px 10px !important; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 20px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-top: 1px solid #464646; border-left: 1px solid #464646; min-width:0%; min-height: 500px;}
 #postsArea, #commentsArea, #newCommentsArea, #addCommentArea { width: 500px; margin: 0px 0px 0px 10px !important; }
 .singlePost {position: relative; margin: 10px 0 40px 0 !important;}
 .singleComment {position: relative; margin: 0 0 20px 0 !important;}
 .paragraph { margin: 100px 0px 0 0px !important; background: #d6cfce; padding: 15px !important; border: 1px solid #8d5e5e; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden !important; }
 .postDate, .authorName, .communityName, .postTitle, .postLinksBackg { position: absolute; }
 .postDate { top: -20px; width: 480px; font: bold 10px Verdana !important; text-transform: lowercase; color: #a9b3ac !important;}
 .authorName { top: 15px; left: 90px; width: 500px;}
 .communityName { top: -10px; left: 0px; font-weight: bold;}
 .postTitle { top: 35px; left: 90px; width: 480px !important; height: 20px; overflow: hidden !important; line-height: 20px; border-top: 1px dashed #a8a7a7; padding: 5px 0 5px 0 !important; }
 .postLinksBackg { top: 65px; left: 90px; text-align: left; margin: 0 !important; text-transform: lowercase; border-top: 1px dashed #a8a7a7; padding: 3px 0 0 0 !important; width: 540px !important; font: bold 10px Comic Sans MS !important;}
 .postLinks {margin: 0 0 0 -10px !important; color: #a9b3ac;}
 .postLinks a, .authorName a {color: #494150;}
 .postLinks a:hover, .postLinks a:active, .authorName a:hover, .authorName a:active {color: #797979; text-decoration: none !important;}
 .commentAuthor {width: 80px; height: 100px; margin: 10px 0 0 0px !important; background: # 30px 77px no-repeat !important;}
 .avatar img { width: 70px !important; min-width: 70px !important; max-width: 70px !important; }
 .avatar { background: #494150; width: 70px !important; height: 70px; overflow: hidden !important; border: 1px solid #a8a7a7; }
 {------------------------------------------------------ journale and draft page -------------------------------------------------------}
 #Journal #page-t, #JournalDraft #page-t { padding: 10px !important; margin: 0px 0px 0 230px !important;}
 #Journal .paragraph, #JournalDraft .paragraph { margin: 35px 0px 0 0px !important; background: #d6cfce; padding: 0 !important; border: none; border-radius: none !important; }
 #Journal .postTitle, #JournalDraft .postTitle { top: -10px; left: 0px; width: 500px !important; padding: 5px 0 0px 0 !important; }
 #Journal .postDate, #JournalDraft .postDate { top: -30px !important; width: 500px; }
 #Journal .postLinksBackg, #JournalDraft .postLinksBackg { top: 18px; left: 0px; text-align: left; margin: 0 !important; padding: 3px 0 0 0 !important; width: 500px !important; }
 #epigraph .singlePost {margin: 0 !important; width: 500px !important; }
 #epigraph .postTitle {display: none !important;}
 .post0 {margin: 0 !important; padding: 0 !important; }
 {------------------------------------------------------ stuff -------------------------------------------------------}
 a {text-decoration: none !important;}
 a:hover, a:active {color: #212121; text-decoration: none !important;}
 #side h1 a:hover, #side h1 a:active, #side a:hover, #side a:active {color: #c2c2c2 !important; text-decoration: none !important;}
 .atTag, .atMusic, .atMood { font: 9px Comic Sans MS !important; 1px 1px 0px #ffffff;}
 img {max-width: 500 px !important;}
 span.quote_text { font: italic 12px Comic Sans MS !important; display: block; padding: 10px; margin: 5px; border-top: 1px dashed #964d4d !important; border-bottom: 1px dashed #cdcdcd !important;}
 textarea#message, .htmlbox textarea, input.text, #trspisok textarea, #close_text {background: #fdfaeb; border: 1px solid #e0e0e0 !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
 textarea#message {width: 500px !important; }

заранее спасибо.

@темы: diaryCSS, основные блоки, платный сервис, Дизайн

URL

В моей не было столько текста. Приготовьтесь, грузится до... Картинка. Два часа ночи. Тесная улица с бесконечными р... http://www.wvc.net/~halterk/smilies/smilies.htm

http://www.library.northwestern.edu...ters/index.html День праздника плаваюший, зависит от лунного календаря и ... Наш ответ ЖЖ состоялся?)))

Комментарии

21.02.2011 в 00:31

winterwolf

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

подскажите каким образом убрать полосу прокрутки
Стилем overflow: hidden;

Мне очень нравиться когда кидают код, и в живую не посмотреть.
Ммм, какой прокрутки? Ладно, я так понимаю горизонтальной. Хотя опять, при каких условиях? У меня на ноуте все без каких либо прокруток (не считая вертикальной)
Только большой отступ слева фиксированный получается ( margin: 0px 0px 0 180px !important; ), а отступ справа выходит сколько экрана хватит, иначе будет будет прокрутка.

URL

21.02.2011 в 06:53

кин.

sanitarium

winterwolf да, было ошибкой не объяснить толком.
нужно зафиксировать правый блок, который как раз и прокручивается через ползунок.(горизонтальной)

URL

21.02.2011 в 07:54

winterwolf

#wrapper{ min-width: 920px; width: 920px; margin: 30px 0 0 197px !important; padding: 0 !important; }
Возможно тут проблема. В итоге ширина блока 920+197 пикселей. Либо убрать отступ, либо уменьшить ширину.

URL

21.02.2011 в 08:02

кин.

sanitarium

увы,так же.

URL

21.02.2011 в 10:28

winterwolf

Kin. Не могли бы вы открыть мне доступ к своему дневнику?

URL

21.02.2011 в 15:22

кин.

sanitarium

с размером разобрались, однако:

вот такой отступ от правого края, можно ли от него избавить?
и не видны надписи в "мои ссылки" только когда наводишь курсором,надпись отображается.

URL

21.02.2011 в 21:38

winterwolf

.postTitle {
width: 530px !important;
}
.postLinksBackg {
width: 530px !important;
}

Эта ширина не правильно - вернее, вы учли это в простой записи, но в цитатнике, комментариях и избранном появляется аваторка и вы прописали влево на 90 пикселей - но ширина блока осталось той же, она и расширила блок. в стилях сверху просто поменяйте ширину на адекватную, и не бойтесь - в самом дневнике стили не изменятся ибо стили ниже их перепишут.

#Journal .postTitle, #JournalDraft .postTitle {
left: 0;
padding: 5px 0 0 !important;
top: -10px;
width: 530px !important;
}
#Journal .postTitle, #JournalDraft .postTitle {
left: 0;
padding: 5px 0 0 !important;
top: -10px;
width: 530px !important;
}

URL

22.02.2011 в 07:30

кин.

sanitarium

это изменила еще вчера.
осталось:
-полоса прокрутки в"избранное", "цитатник"
-надпись в "мои ссылки"

URL


Запомнить

полоса прокрутки

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