Не думал, не гадал я, никак не ожидал я... А оно таки случилось.
В опере, мозилле и IE 7 дизайн дневника отображается корректно, а вот в браузере Сафари, по словам юзеров оного, все выглядит вот так:
смотреть скриншотПодпись отображается не под аватаром, а сбоку от него, и при этом обрезается постом.
Кроме того, шрифт как в меню, так и в записях выглядит слишком жирным, а установки шрифта я и вовсе настраивал даже не в СSS, а в стандартных настройках дизайна. Жирным шрифтом там и не должно пахнуть.
Можно ли это как-нибудь исправить?
На всякий случай прилагаю код, но, кажется, что он все-таки прописан корректно, и подпись не должна была уехать.
=Много кода#photolibLink, #albumLink, #upInChart, #communityCatalogueLink, #tagslistlink{display:none}
#authorFav, #authorQuot, #authorLiks, #authorAlbum, #writeToAuthor, #subscribeEmail, #addToFav, #postsCalendar, #delFromFav, #tagslistlink, #headlineList, #rssLink, #mainpageLink, #favListLink, #pchListLink, #myCommunitiesLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #paySupportLink, #faqLink, #iAmQuit, #pchs li, .authorName{background: url('/userdir/5/2/1/6/521644/38080988.gif') 2px 3px no-repeat; padding:0 0 0 20px !important; height:18px;}
#authorFav:hover, #authorQuot:hover, #authorLiks:hover, #authorAlbum:hover, #writeToAuthor:hover, #subscribeEmail:hover, #addToFav:hover, #postsCalendar:hover, #authorFav:hover, #authorQuot:hover, #authorLiks:hover, #delFromFav:hover, #tagslistlink:hover, #headlineList:hover, #rssLink:hover, #mainpageLink:hover, #favListLink:hover, #pchListLink:hover, #myCommunitiesLink:hover, #randomDiaryLink:hover, #diarySpiritLink:hover, #diarySupportLink:hover, #paySupportLink:hover, #faqLink:hover, #iAmQuit:hover, #pchs li:hover, .authorName:hover{background: url('/userdir/5/2/1/6/521644/38596160.gif') 2px 3px no-repeat; padding:0 0 0 20px !important; height:18px;}
#writeThisDiary, #myDraftLink, #umailLink, #myFavLink, #myQuotLink, #discussionLink, #myLinksLink, #myProfileLink, #optionsLink, #photolibLink{background: url('/userdir/5/2/1/6/521644/38717120.png') 2px 3px no-repeat; padding:0 0 0 20px !important; height:18px;}
#writeThisDiary:hover, #myDraftLink:hover, #umailLink:hover, #myFavLink:hover, #myQuotLink:hover, #discussionLink:hover, #myLinksLink:hover, #myProfileLink:hover, #optionsLink:hover, #photolibLink:hover{background: url('/userdir/5/2/1/6/521644/38717126.png') 2px 3px no-repeat; padding:0 0 0 20px !important; height:18px;}
#myDiaryLink A:first-child{display:block; width:153px; height:30px; line-height:500px; overflow:hidden; background: url('/userdir/5/2/1/6/521644/38717117.png') 2px 4px no-repeat;}
#myDiaryLink A:first-child:hover{display:block; width:153px; height:30px; line-height:500px; overflow:hidden; background: url('/userdir/5/2/1/6/521644/38717108.png') 2px 4px no-repeat;}
#allDiaryLink A{display:block; width:153px; height:30px; line-height:500px; overflow:hidden; background: url('/userdir/5/2/1/6/521644/38717021.png') 2px 4px no-repeat;}
#allDiaryLink A:hover{display:block; width:153px; height:30px; line-height:500px; overflow:hidden; background: url('/userdir/5/2/1/6/521644/38717042.png') 2px 4px no-repeat;}
#YaSearch A{display:block; width:153px; height:30px; line-height:500px; overflow:hidden; background: url('/userdir/5/2/1/6/521644/38717054.png') 2px 4px no-repeat;}
#YaSearch A:hover{display:block; width:153px; height:30px; line-height:500px; overflow:hidden; background: url('/userdir/5/2/1/6/521644/38717078.png') 2px 4px no-repeat;}
body{background: #067276 url('/userdir/5/2/1/6/521644/38080952.gif') repeat; background-attachment:fixed;}
#side div.bordered { background: url('/userdir/5/2/1/6/521644/38080964.png') repeat bottom right !important; background-image: none; filter: progid
XImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/9/3/1/2/9 3120/17332882.png', sizingMethod='scale'); }
div.bordered a, div.bordered input { position:relative; z-index: 2; }
#page-t div.bordered { background: url('/userdir/5/2/1/6/521644/38080964.png') repeat bottom right !important; background-image: none; filter: progid
XImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/9/3/1/2/9 3120/17332882.png', sizingMethod='scale'); }
div.bordered a, div.bordered input { position:relative; z-index: 2; }
#side div.bordered a, #side div.bordered input, textarea { position:relative; z-index: 2; }
#page-t div.bordered a, #page-t div.bordered input textarea{ position:relative; z-index: 2; }
.bottom {background: url('/userdir/5/2/1/6/521644/38125874.png') no-repeat; background-position:right; !important; }
.singlePost {padding-bottom: 50px !important; background: url('/userdir/5/2/1/6/521644/38125874.png') center bottom no-repeat;}
#epigraph {background: none;}
#post0 {background: none;}
#epigraph, #post0 {padding-bottom: 0px !important;}
span.quote_text {font-style:normal; display: block; margin: 5px;padding: 5px; border:1px solid #777; font-size: 100%; background: #3b4b54; }
#thisDiaryInfo { background:url('/userdir/5/2/1/6/521644/38300468.gif'); background-repeat:no-repeat; background-position:top 100%; }
#thisDiaryPhoto { height: 260px; }
.commentAuthor .avatar { margin:0px 0 10px; width:auto; max-width: 140px; }
.avatar, .avatarNew{ float:left; background: # no-repeat bottom right !important; background: no-repeat bottom right; margin: 10px 0 0px 10px !important; margin: 10px 0 0px 5px;}
.avatar img,.avatarNew img { display: block; position: relative; background-color: #335863; border: 1px solid #1b2427; margin: -6px 6px 6px -10px; padding: 4px;}
.avatar img:hover,.avatarNew img:hover { display: block; position: relative; background-color: #375f6b; border: 1px solid #1b2427; margin: -6px 6px 6px -10px; padding: 4px;}
#pchs li {height:35px; overflow:hidden;clear:both; bold;}
#pchs li:hover {height:100%; overflow:visible;}
.atMood SPAN {display:block; width:130px; height:31px; line-height:500px; float:left; overflow:hidden; background: url('/userdir/5/2/1/6/521644/38717453.png') 0px 0px no-repeat;}UPD: Оказывается, в ИЭ 7 перестал отображаться полупрозрачный фон записей. При этом с полупрозрачным фоном меню все в порядке. Коды вроде бы одинаковы, с разницей в #элементе...
Интересно, какой же код неправильно воспринимает хром и сафари...
для чего используется следующий момент:
.avatar, .avatarNew{float:left;... ?
проблема именно здесь
тут имеется ввиду не рамка, а float:left, который задает выравнивание элемента и его обтекание другими элементами.
Хотя в моем блоге, в котором полупрзрачный фон - все на месте.
B.Sacred, да, я смотрела, в моем ИЭ это тоже не отображается, хотя фон меню был прописан точно так же, и он виден. Не могу понять, из-за чего это...
Может быть, что-то некорректно прописано в самом коде?..
корректность всего кода смотреть нет смысла, хотя вот такие вещи:
background: # no-repeat bottom right !important; background: no-repeat bottom right;
немного смущают
уберите float, это не повлияет на отображение рамок, а подписи вернутся на место
Ринглео, хорошо. Осталось решить вопрос, почему в эксплорере не отображается фон записи...