фиксация меню

[[ Ice Bird ]]

Доброго дня)
А я снова за помощью.

Хотела зафиксировать меню слева, чтобы точь-в-точь стояло на том месте, где мне надо и никуда не отъезжало. У меня всё встало, но у кого разрешение больше моего, оно уезжает или и вовсе обрезается. Посмотреть другие скрины можно в дневнике в последнем посте.
Пока смотрела в нескольких браузерах, увидела, что они все его тоже по-разному отображают:

В ИЕ: _____________________________________ В Мозилле:
__

В ГуглоХроме: _____________________________ и Опере:
__

Опера, на удивление, не видит блока "Авторское" (где избранное, альбом, цитатник), хотя если навести курсор на то место, где он должен быть, ссылки раскрываются.

Мне нужно, чтобы было как в первых двух - "доски" меню на фоне дощатой стены фоновой, и прокручивающийся блок записей. И чтобы на разном разрешении ничего не резалось и друг на друга не наезжало. Такое возможно?

Код

#wrapper{min-width:690px!important;width:700px;float:right!important; padding:0 !important; overflow:visible !important; background:#48aaa9; }
 #page-t {margin:0 !important; width:750px !important;padding:0 !important;padding:0 !important;}
 #page-c {min-width:690px !important; width:700px !important; float:right!important; background:#48aaa9;}
 #side {min-width:690px !important; width:700px !important; float:right!important; background:#48aaa9;}
 body {background: #47a9a8 url('/userdir/8/9/7/6/897665/67759007.jpg') left bottom no-repeat; background-attachment: fixed;}
 #authorName {top: 150px; position:fixed; right: 880px !important; font-family: "Trebuchet MS"; font-size: 15px!important;}
 #side h1 a{position:absolute; top: 1px; left: 400px; font-family: 'Old Comedy'; font-size: 36px; font-weight: bold; font-style: normal!important; color:#ffffff!important;}
 #side h1 a span {display: none important;}
 .singlePost first, .countSecond {background:url('/userdir/8/9/7/6/897665/67760141.png') no-repeat; background-position:bottom;!important;}
 #extratop { background: transparent) 5epeat-x; width: 100%; height: 20px; position:relative; left: 0px; right:0px; margin-top:-10px;}
 #myDiaryLinks_title {display:block; width:180px; height:45px; line-height:500px; overflow:hidden; background: url('/userdir/8/9/7/6/897665/67764842.png') no-repeat;}
 #myDiaryLinks ul {background: #d28b51; border: 1px solid #b15f1c; position: relative;}
 #myDiaryLinks {position:fixed; right: 745px; top: 180px; }
 #thisDiaryOwner_title {display:block; width:180px; height:45px; line-height:500px; overflow:hidden; background: url('/userdir/8/9/7/6/897665/67765832.png') no-repeat; }
 #thisDiaryOwner ul {background: #d28b51; border: 1px solid #b15f1c; position: relative;}
 #thisDiaryOwner {position:fixed; right: 745px; top: 430px; }
 #thisDiaryLinks_title {display:block; width:180px; height:45px; line-height:500px; overflow:hidden; background: url('/userdir/8/9/7/6/897665/67766363.png') no-repeat; }
 #thisDiaryLinks ul { background: #d28b51; border: 1px solid #b15f1c; position: relative;}
 #thisDiaryLinks {position:fixed; right: 745px; top: 580px; }
 #globalLinks_title {display:block; width:180px; height:50px; line-height:500px; overflow:hidden; background: url('/userdir/8/9/7/6/897665/67767455.png') no-repeat; }
 #globalLinks ul {background: #d28b51; border: 1px solid #b15f1c; position: relative;}
 #globalLinks {position:fixed; right: 745px; top: 698px; }
 #myCommunitiesLink, #myLinks, #headlineList, #rssLink, #myLinksLink, #upInChart , #lastComments, #diarySpiritLink, #paySupportLink, #faqLink, #fallDiaryLink, #sortOrder, #topNavLinks, #communityCatalogueLink, #myCommunity, #favListLink, #myCommunityLink, #myCommunity, #pchListLink, #randomDiaryLink, #allDiaryLink, #diarySupportLink, #unsubscribeEmail, #pchs, #subscribeEmail, #thisDiaryPhoto, #myNotepadLink {display:none!important;}
 #iAmQuit b {display:block; width:143px; height:65px; overflow:hidden;}
 #iAmQuit b {position:fixed; right: 870px; top:670px; font-weight: normal!important;}
 #login_change {position:fixed; top: 5px; right: 620px;}
 #login_change {background-color: #48aaa9 ; border: 1px solid #7ccab9!important;}
 #more_login a{ position:fixed; top: 70px; right: 850px;}
 .avatar img,.avatarNew img {background-color:#ffffff; border: 2px solid #b1cef0; padding: 2px; }
 a {text-decoration: none!important; }
 a:hover {color: #ffffff; }
 #side a, side {color: #a14816; }
 #side a:hover {color: #ffe8a1!important; }
 #YaSearchForm{ position:relative; top: 1px; right: 480px;}

Такой дизайн делаю впервые, так что вполне могла что-то не туда влепить...

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

Comments

[Feleks]

я на своем разрешении 1600х900 вижу так:
easycaptures.com/fs/uploaded/396/1830352042.jpg

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

для блоков меню координаты задавайте не так:
position:fixed; right: 745px; top: 180px;
а так, к примеру:
position:fixed; left:50%; margin-left:-350px; top: 180px;

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

[[ Ice Bird ]]

Feleks,

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

а если я уменьшу высоту фоновой?

а так, к примеру:
position:fixed; left:50%; margin-left:-350px; top: 180px;

ок, сейчас попробую)

[Feleks]

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

[[ Ice Bird ]]

А как сейчас?

[Feleks]

gaarik, все равно у многих все меню не влезет (у меня не влезает). а вы не хотите расположить дощечки друг под другом, компактно, без большого расстояния?

easycaptures.com/fs/uploaded/396/3858643065.jpg

[[ Ice Bird ]]

Feleks, тогда при раскрытии ссылок они будут загораживать друг друга(

[Feleks]

gaarik, список меню откроется поверх названий блоков, которые ниже. человек выберет нужный пункт и все. я не вижу ничего страшного в этом абсолютно.

[[ Ice Bird ]]

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

[Feleks]

gaarik, можно. но вы учитывайте, что например на разрешении 1024 на 768 ваш диз смотрится так:
easycaptures.com/fs/uploaded/396/2531909976.jpg