Пробел между экстратопом и полем комментариев

[Abigail]

Сил моих больше нет на это смотреть: http://avitale.diary.ru/?tags=
Разделение блока комментариев и экстратопа происходит на всех страницах, где мало текста. Особенно пробел большой, когда редактируешь небольшой пост на дневнике. Что с этим можно сделать?

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

Comments

[winterwolf]

Abigail Переписать. Я думаю, что вы не понимаете, что в итоге написали.

#side - position: relative - в основном все портит. Представите себе такую картинку. Низ определяется не 1 блоком, а 2. Обычно #side имеет стиль position: absolute, что позволяет низ приклеивать к блоку записей, а не записай и меню

main

side

extrabottom

Советую немного почитать про позиционирование блоков. Позиционировать блоки можно только со стилями - Position: realative, absolute, fixed.
В других случаях top, left, bottom, right - не будет работать.

[Abigail]

winterwolf, то есть я правильно вас поняла - вместо relative нужно выбрать один из трех предложенных вами вариантов, так?

[Abigail]

winterwolf, попробовала absolute, подогнала меню по пикселям - красота!
Спасибо вам огромное! А то у меня уже какой дизайн такой вот кривой(

[winterwolf]

Нет, не правильно. Сперва почитать - htmlbook.ru/css/position, а выбрать надо один и в данном случае absolute.
#side{position: absolute}, затем надо будет подправить позиционирование, примерно так #side{margin-left: 250px !important; top: 10px;}

[Лъех]

У вас меню сильно наезжает на заголовок и запись

[Abigail]

Ашиль Вольфрам., какой у вас браузер? В Мозилле все гуд.

[Лъех]

опера

[Abigail]

Ашиль Вольфрам., мда... ну и как же решается эта проблема для Оперы в таком случае?

[Лъех]

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

[Abigail]

Ашиль Вольфрам., держите:

 #side {font-size:100% !important; position: absolute; float: right !important; top: 9px; width:222px; height: 704px; background: url('/userdir/5/1/8/6/518641/66410393.jpg') 0 0 no-repeat; margin-left: 240px !important; text-transform: lowercase; padding-top: 60px !important; font-size: 13px !important;}
 #thisDiaryOwner, #thisDiaryLinks, #myDiaryLinks, #Stats, #globalLinks { padding-top: 10px !important; background: url('/userdir/5/1/8/6/518641/66410969.png') repeat-x;}
 #favListLink, #pchListLink, #myNotepadLink, #upInChart, #communityAlbum, #YaSearch, #myLinks, #myLinksLink, #myCommunitiesLink, #randomDiaryLink, #lastComments, .urlLink, #thisDiaryPhoto {display: none; }
 #thisDiaryInfo {text-align: left !important; margin-top: -10px !important;}
 #authorName { font: bold 12px Arial !important; margin-left: 0px !important; }
 #side h1 {text-align: left !important; margin-left: 5px !important; margin-top: -10px !important;}
 #side h1 a {font: bold 16px Arial !important; color: #385849 !important;}

[Лъех]

в общем проблема в том что твое меню длиннее чем экстратоп.
Вот #side {position: absolute; top: 9px; width:222px; height: 704px; background: url('') 0 0 no-repeat; margin-left: 240px !important; text-transform: lowercase; padding-top: 60px !important; font-size: 13px !important;}

#extratop { background: url('') no-repeat; background-position:center; !important; width:704px ; height: 485px; } Разницу в размерах думаешь видишь, она достаточно большая, а меню не привязывается к экстратопу что бы подгоняться под его длину
То есть ты задала отдельно длину и картинке вверху дневника и меню, и они разные, меню длиннее чем экстратоп, поэтому выезжает на записи. Я пытался как то это контролировать но ничего толкового не получилось, надо делать либо экстратом длиннее либо можешь убрать эти ссылки
#diarySpiritLink, #communityCatalogueLink, #diarySupportLink, #faqLink, #allDiaryLink, #communityCatalogueLink этим ты уменьшишь длину меню. После подыми немного название дневника что бы еще больше уменьшить меню.В общем поиграйся с удалением ссылок, размером меню либо сделай больше экстратоп

[Abigail]

Ашиль Вольфрам., я на самом деле кривой дизайнер и вот что скажу - длина меню не изменится, это целостная, неизменяемая картинка 222х704((
Впрочем, пока никто не жаловался из моих ПЧ, а дизайн я этот уже скоро сниму. Я тогда просто учту ваше замечание на будущее, а на этом дизе поставлю крест, ибо возиться ради нескольких дней - смысла нет.