пустое место

вторник, 15 июня 2010

20:18

все записи пользователя в сообществе scary cookie

здесь только одна девушка!

Уважаемые сообщники! Столкнулась с такой проблемой, делаю дизайн, как тут: www.freecsstemplates.org/preview/themanor
Меню должно стоять именно сбоку. Так вот, если не прописывать врапперу бекграунд, получается такая вот фигня:

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

@темы: отступы

URL

Комментарии

15.06.2010 в 20:22

Aloria

Не сахар

Пропишите фон для #side, в чем проблема-то?

URL

15.06.2010 в 20:27

scary cookie

здесь только одна девушка!

Aloria так он же не заполнит эту пустоту между блоком записей и экстработтомом. С фоном для враппера такого бы не было.

URL

15.06.2010 в 20:36

Aloria

Не сахар

halvah, тогда #page-t и #page-c.

URL

15.06.2010 в 20:38

Aloria

Не сахар

halvah, да, и еще. Эта пустота сама заполнится, когда будет на одну запись больше. Сделайте побольше тестовых.

URL

16.06.2010 в 10:24

scary cookie

здесь только одна девушка!

Aloria не, #page-t и #page-c не помогают. Записей много, это переход на одну из них из календаря, самую короткую, чтобы наглядно все показать. Спасибо что попытались помочь)

URL

16.06.2010 в 10:32

Aloria

Не сахар

halvah, задайте min-height для записей на странице календаря и все. Правда, ИЕ6 не поймет, ну да и черт с ним.

URL

18.06.2010 в 12:03

scary cookie

здесь только одна девушка!

это не помогло, зато помогло position: absolute для #side. Только не понятно, #side в таком случае будет привязан к врапперу, или нет?

URL

18.06.2010 в 12:25

Aloria

Не сахар

halvah, задайте врапперу position: relative, тогда будет. Правда, не поняла, чем вам помогло. Покажите, что получилось, а то, может, я изначально вас не понимала.

URL

18.06.2010 в 12:54

scary cookie

здесь только одна девушка!

теперь нет этой дыры

URL

18.06.2010 в 12:55

scary cookie

здесь только одна девушка!

задайте врапперу position: relative, тогда будет.
огромное огромное спасибо! Всё всё получилось)

URL

18.06.2010 в 12:58

Aloria

Не сахар

halvah, а при чем здесь позиционирование #side? :susp:

URL

18.06.2010 в 13:03

scary cookie

здесь только одна девушка!

Aloria методом исключения определила, что в пустом месте виноват именно он. Разве что side будет очень коротким, тогда не придется его насиловать.

URL

18.06.2010 в 13:07

Aloria

Не сахар

halvah, дело в том, что на показанном вами скрине (номер два) не было бы того пустого места, которое было на первом скрине. И есть там позиционирование для side или нет - без разницы.

URL

18.06.2010 в 13:14

scary cookie

здесь только одна девушка!

Aloria почему? все блоки и код один и тот же, только цвета разные
код такой сейчас: читать дальше

{-----ОСНОВНЫЕ БЛОКИ-----------}
html { background-image: url('/userdir/1/5/0/3/1503277/56747120.jpg') !important; background-attachment: fixed;}
body { background: url('/userdir/1/5/0/3/1503277/56749133.jpg') top repeat-x; background-attachment: fixed; }
#wrapper{min-width: 0px; width: 900px; position: relative; }
#postsArea, #addCommentArea, #commentsArea { width :690px !important ; margin-left: 8px !important;}
{-----ДОПОЛНИТЕЛЬНЫЕ БЛОКИ-----------}
#extratop, #extrabottom {background : url('/userdir/1/5/0/3/1503277/56786798.png') no-repeat; height : 240px !important; width:705px; }
#side {width: 160px; font-size: 12px; margin-top: -183px !important; font-family: "georgia"; background: url('/userdir/1/5/0/3/1503277/56785805.jpg') repeat-y; position: absolute; right: 20px;}
#side h1 {background: url('/userdir/1/5/0/3/1503277/56786474.png') no-repeat !important;background-position: center top !important;text-align: center !important; width: 160px !important; height: 56px !important; position: absolute !important; margin-top:-56px !important;margin-left: -5px !important; z-index: 1 !important;}
{-----СКРЫТОЕ--------------------}
#myLinks, #subscribeEmail, #unsubscribeEmai,#authorLinks a,#authorAlbum, #upInChart, #albumLink, #myNotepadLink, #myDraftLink, #allDiaryLink, #myProfileLink, #favListLink, #communityCatalogueLink, #myNotepadLink, #diarySpiritLink, #diarySupportLink, #paySupportLink, #pchs_title b, #faqLink, #rssLink, #topNav, #bottom_up, #bottom_mainlink, #bottom_randomlink, #bottom_spiritlink, #bottom_faqlink, #authorName span, #side h1 a span {display: none !important;}
{-----ОТСТУПЫ--------------------}
#commentsArea .paragraph {margin-left: 100px;}
#JournalFavorite .paragraph {margin-left: 100px;}
.paragraph {padding-left: 5px !important; padding-right: 5px !important;}
#Stats {background: url('/userdir/1/5/0/3/1503277/56786246.png') no-repeat !important;background-position: center top !important;text-align: center !important; width: 160px !important; height: 56px !important; position: absolute !important; margin-top:4px !important;margin-left: -10px !important; z-index: 1 !important; }
{=============}
#page-c {background: url('/userdir/1/5/0/3/1503277/56786357.jpg') repeat-y !important; width: 705px;}

URL

18.06.2010 в 13:23

Aloria

Не сахар

halvah, потому что на первом скриншоте одна запись и ПОД ней пустое место. Между ней и экстработтомом. И, понятное дело, это место появляется в зависимости от длины меню.
А на втором это место уже не пустое, оно занято другой записью. Рискну предположить, что при абсолютном позиционировании #side меню в ситуации, которая создана на первом скриншоте, просто залезет на боттом.

URL