Как-то выяснилось, что у Хрома другие пиксели...
Вот так дизайн выглядит в ФФ, ИЕ и Опере:
А вот так - в Хроме:
Помимо того, что все шрифты, указанные в пикселях, он показывает мельче, чем надо, так еще и из-за его своеобразного понимания пиксельных размеров немного уехали ссылки меню. В принципе, не смертельно, но несколько неприятно.
И еще этот же Хром не воспринимает font-size: 0px. Все равно очень мелко, но показывает. Опять своеобразное понимание пикселей?
Это как-нибудь можно исправить? Собственно, меню волнует куда больше))).
На всякий случай кодbody{ background-attachment:fixed; padding: 0; margin: 0; background-color: #000; }
#wrapper { background-color: #fff; width: 1000 min-width: 1000 }
#extratop {background-image: url('/userdir/1/0/0/9/100983/55570430.jpg'); background-repeat: no-repeat; width: 1000 height: 300 }
#extrabottom {background-image: url('/userdir/1/0/0/9/100983/55579022.jpg'); background-repeat: no-repeat; width: 1000 height: 300 }
#side h1 a {display: block; position: relative; top: 100 left: 350 color: #fff !important; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 36 font-weight: bold; font-variant: small-caps; text-decoration: none; }
#authorName { text-decoration: none; display: block; position: relative; top: 120 left: 270 color: #fff; font-size: 24 font-weight: bold; font-variant: small-caps; }
#side {margin-top: -420 width: 220 background-image: url('/userdir/1/0/0/9/100983/55571630.jpg'); background-repeat: no-repeat; background-position: 0px 430 font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 13px !important; font-variant: small-caps; min-height: 1000}
#rssLink, #upInChart, #myDraftLink, #myNotepadLink, #myQuotLink, #albumLink, #myLinksLink, #allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #faqLink, #iAmQuit, #Stats, #tagslistlink, #myProfileLink, #authorFav, #authorQuot, #authorLiks, #authorAlbum, #writeToAuthor, #subscribeEmail, #addToFav, #headlineList, #side h1 .opac6 { display: none; }
#post0 { background-image: url('/userdir/1/0/0/9/100983/55572209.jpg'); background-repeat: no-repeat; background-position: 500px 0 }
.postDate {height: 45 text-align: center; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 20px !important; font-weight: bold; font-variant: small-caps; widht: 750px !important; background-image: url('/userdir/1/0/0/9/100983/55573094.jpg'); padding: 5px 0px 0px 0px !important; }
#page-t {width: 750 margin-left: auto; margin-right: auto; background-color: #fff; }
#page-c {background-color: #fff; }
.header { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 16px !important; font-weight: bold; font-variant: small-caps; }
#pageBar { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 14px !important; font-variant: small-caps; }
.atTag span:before {content: "Темы:"; font-size: 12 color: #000; }
.atTag span {font-size: 0 color: #fff; }
.atMusic span:before {content: "Музыка:"; font-size: 12 color: #000; }
.atMusic span {font-size: 0 color: #fff; }
.atMood span:before {content: "Настроение:"; font-size: 12 color: #000; }
.atMood span {font-size: 0 color: #fff; }
.postLinksBackg { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 12px !important; font-weight: normal; font-variant: small-caps; }
#commentsArea_title, #addCommentArea_title {text-align: center; }
.avatar img {border: solid 1px #000; }
#postsCalendar a, #myDiaryLink a, #myDiaryLink, #umailLink a, #myFavLink a, #discussionLink a, #discussionLink, #writeThisDiary a, #optionsLink a, #mainpageLink a, #photolibLink a, #myCommunityLink, #myCommunityLink a {color: #fff; font-weight: bold;}
#postsCalendar {position: relative; top: 60 left: 100 font-size: 15px !important; }
#myCommunityLink {position: relative; top: 80 left: 150 font-size: 15px !important; }
#myDiaryLink {position: relative; top: 80 left: 150 font-size: 15px !important; }
#umailLink {position: relative; top: 90 left: 210 font-size: 15px !important; }
#myFavLink {position: relative; top: -40 left: 788 font-size: 15px !important; }
#discussionLink {position: relative; top: -20 left: 718 font-size: 15px !important; }
#writeThisDiary {position: relative; top: 50 left: 425 font-size: 15px !important; }
#optionsLink {position: relative; top: 0 left: 680 font-size: 15px !important; }
#mainpageLink {position: relative; top: -70 left: 500 font-size: 15px !important; }
#photolibLink {position: relative; top: 20 left: 730 font-size: 15px !important; }
Как-то выяснилось, что у Хрома другие пиксели...
Вот так дизайн выглядит в ФФ, ИЕ и Опере:
А вот так - в Хроме:
Помимо того, что все шрифты, указанные в пикселях, он показывает мельче, чем надо, так еще и из-за его своеобразного понимания пиксельных размеров немного уехали ссылки меню. В принципе, не смертельно, но несколько неприятно.
И еще этот же Хром не воспринимает font-size: 0px. Все равно очень мелко, но показывает. Опять своеобразное понимание пикселей?
Это как-нибудь можно исправить? Собственно, меню волнует куда больше))).
На всякий случай код
Вот так дизайн выглядит в ФФ, ИЕ и Опере:
А вот так - в Хроме:
Помимо того, что все шрифты, указанные в пикселях, он показывает мельче, чем надо, так еще и из-за его своеобразного понимания пиксельных размеров немного уехали ссылки меню. В принципе, не смертельно, но несколько неприятно.
И еще этот же Хром не воспринимает font-size: 0px. Все равно очень мелко, но показывает. Опять своеобразное понимание пикселей?
Это как-нибудь можно исправить? Собственно, меню волнует куда больше))).
На всякий случай код