вторник, 27 сентября 2011
знактоки,хєлллп плз!
заметила,что в зависимости от компа уезжает меню. как исправить?)
спасибо заранее
код дизайна#extratop {background: url('/userdir/1/7/2/4/1724476/71482048.png') no-repeat 50% 50%; height:420px !important;}
body {background: url('/userdir/1/7/2/4/1724476/71175734.jpg') repeat; background-attachment:fixed; }
#wrapper{background: url('/userdir/1/7/2/4/1724476/71462003.png')!important; min-width:550px !important; width: 560px;!important;border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; -o-border-radius: 30px!important;}
#page-t {width:530px !important; margin-left:0px !important; padding:10px;}
#bottomNav, #topNav, #thisDiaryLinks, #lastComments, #photolibLink, #randomDiaryLink, #favListLink, #communityCatalogueLink, #myCommunitiesLink, #diarySpiritLink, #diarySupportLink, #postsCalendar, #upInChart, #menuSection_title, #writeToAuthor , #subscribeEmail, #rssLink, #tagslistlink, #addToFav{display: none !important; }
.header span{color:#38200f; font-family: EpsilonCTT;}
.header{color:#38200f;font-family: EpsilonCTT;font-size: 15pt;}
.header h2{color:#38200f;font-family: EpsilonCTT;font-size: 16pt;}
.avatar img { border: 1px solid #72513b; padding:2px; width:100px !important;}
.postDate{color:#38200f;!important; font-family: EpsilonCTT;!important; font-size: 16pt !important; }
.postDate,{text-align:center !important; }
#side {position: absolute; top: 430px; left:165px; text-align: center; max-width: 170px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; -o-border-radius: 30px!important; background:url('/userdir/1/7/2/4/1724476/71447882.png')}
#extrabottom{!important;no-repeat 50% 50%; height:100px!important; height: 190px; line-height:100% !important;}
#add_block1 { background: url('/userdir/1/7/2/4/1724476/71460573.png') no-repeat; position:absolute; margin-left:855px !important ; position:absolute;top:500px; padding:1 !important; width:120px; height:150px;z-index:1;}
#add_block2{ background: url('/userdir/1/7/2/4/1724476/71424435.png') no-repeat; position: absolute; width: 100%; height: 120px; z-index: 1; left: 570px; margin-top:-120px !important;}
#side {position: absolute; top: 430px; left:935px; text-align: center; max-width: 170px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; -o-border-radius: 30px!important; background:url('/userdir/1/7/2/4/1724476/71462003.png') ;}
#add_block3 { background: url('/userdir/1/7/2/4/1724476/71460573.png') no-repeat; position:absolute; margin-left:855px !important ; position:absolute;top:870px; padding:1 !important; width:120px; height:150px;z-index:1;}
Все просто - тело центрируется в зависимости от ширины окна, а меню прописано статично в определенных координатах.
Криво сделано. Враппер лучше прописать не 560 с запасом под меню, скинуть стили фона и размер на #page-c и не позиционировать меню абсолютно, а обтекать слева, как было изначально.
Кстати какая-то еще прокрутка снизу большая.
а вот прокрутки внизу у меня нету...
#add_block2 {
background: url("secure.diary.ru/userdir/1/7/2/4/1724476/7142443...") no-repeat scroll 0 0 transparent;
height: 120px;
left: 570px;
margin-top: -120px !important;
position: absolute;
width: 100%;
z-index: 1;
}
поставьте значение ширины доп блока в пикселях.
про нитки к меню. позиционируйте их правильно. сначала загоните в центр (например, left:50%), а потом уже в нужную вам сторону при помощи маржинов. иначе они едут при изменении разрешения. я вижу это так:
easycaptures.com/fs/uploaded/571/0732459794.jpg
мое разрешение 1600 на 900 точек.