воскресенье, 09 декабря 2007
у меня вот такой вот код:
читать дальшеbody.left{padding-left:10px !important; font-family: "Trebuchet MS",Arial,sans-serif; background: url('/userdir/2/5/8/2/258277/25364838.jpg'
repeat; background-attachment:fixed; }
.left #wrapper{background:#000; padding:0 !important; width:700px;margin: 0 0 0 -800px !important;position:relative;left:100%;overflow:hidden !important;}
#bordered, .left #side { border: 0 !important; margin:0 !important; padding:0 !important;}
.left #side .bordered {width:696px; margin: 0 !important; padding: 0!important; position:absolute; top:350px;}
#side li {float:left; display:block; padding-right:5px!important;}
#side A, #side {color:#4682B4!important;}
.left #page-c {padding-top:10px; height:0auto;}
.singlePost {height:0auto !important; height:1em; }
#thisDiaryLinks, #globalLinks, #thisDiaryOwner, #myDiaryLinks, #lastComments, #pchs {clear:none; float:left; display:block; width:60px; padding:5px!important; margin:0!important;}
#thisDiaryLinks ul, #globalLinks ul, #thisDiaryOwner ul, #myDiaryLinks ul, #lastComments ul, #pchs ul { display:none; width:700px; padding:5px 10px; position:absolute;left:0; top:85px;}
#lastComments ul li {float:left; width:350px!important; margin-right:20px; height:40px; border-bottom: 1px dashed #ddd;}
#lastComments:hover ul, #lastComments ul:hover, #pchs:hover ul, #pchs ul:hover, #globalLinks:hover ul, #globalLinks ul:hover, #thisDiaryOwner:hover ul, #thisDiaryOwner ul:hover #globalLinks:hover ul, #globalLinks ul:hover, #thisDiaryLinks:hover ul, #thisDiaryLinks ul:hover {display:block; z-index:1;}
#myDiaryLinks ul, #myDiaryLinks ul {display:block;}
#thisDiaryLinks, #thisDiaryLinks ul {background:#000000;}
#globalLinks, #globalLinks ul {background:#000000;}
#thisDiaryOwner, #thisDiaryOwner ul {background:#000000;}
#myDiaryLinks, #myDiaryLinks ul {background:#000000;}
#lastComments, #lastComments ul {background:#000000;}
#pchs, #pchs ul {background:#000000;}
#thisDiaryPhoto, #YaSearch, #paySupportLink, #diarySupportLink, #diarySpiritLink, #myLinksLink, #upInChart, #myProfileLink, #NContent {display:none !important;}
#thisDiaryInfo {width:100%; background:#000000; margin:10px 0 0 0!important; height:55px!important;}
#thisDiaryInfo A{padding:10px; font-size:145%; float:left;}
#authorName {float:right!important;}
.search {width:160px !important;}
.sign {font:120% normal; color:#fff;}
.header {color:#87CEFA!important;}
#TagsList {padding:0 !important; margin:0!important; position:absolute;left:0; top:-200px;}
#TagsList LI {border-bottom: 1px dashed #ddd; display:block; height:20px; float:left; width:130px!important; margin-right:10px!important;}
#TagsList LI A {padding:0 !important; }
.postLinksBackg {display:block !important; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; margin-top: 10px !important; padding:10px 0 !important;}
.comments {background:url('/userdir/2/5/8/2/258277/25364990.jpg' no-repeat; padding:0 0 0 20px!important;}
.subscribe {background: url('/userdir/2/5/8/2/258277/25364990.jpg' no-repeat; padding:0 0 0 20px!important;}
.addToQuote {background:url('/userdir/2/5/8/2/258277/25364990.jpg' no-repeat; padding:0 0 0 20px!important;}
.umail, .email {background: '/userdir/2/5/8/2/258277/25364990.jpg' no-repeat; padding:0 0 0 20px!important;}
.diary {background: no-repeat; padding:0 0 0 20px!important;}
.profile {background: no-repeat; padding:0 0 0 20px!important;}
#extratop { background: url('/userdir/2/5/8/2/258277/25364990.jpg' 0 0 no-repeat; height:470px; padding;}
В Файрфоксе, Эксплорере и в Сафари дизайн выглядит как надо:
А вот в Opera 9.24 он выглядит так:
Т.е в опере мой дневник даже подвинуть нельзя, человек не видет моих записей и не может коментировать...Это можно как нибудь исправить?
@темы:
diaryCSS
-
-
09.12.2007 в 23:37-
-
09.12.2007 в 23:52-
-
10.12.2007 в 00:01Там все глючит (
-
-
10.12.2007 в 03:02А вот еще на заметку : пишите двойные кавычки вмето одинарных, они предпочтительнее и более того ранние версие Сафари не понимают этого, им тока двойные подвай...
А если честно, то кроссбраузерность нужно смотреть по трем браузерам : Осел, Файрфокс и Опера..Сафари в топку, ибо он на маках больше распространен, а количесво Виндовых пользователей, юзающих данный браузер - единицы...Ибо львиная доля за Ослом числиться, по статистике он больше всех используеться и в первую очередь нужно обращать внимание на него про проектировании валидного HTML...