Дата: Ср, 08.06.2011, 05:12:14 | Сообщение # 1
|
Подскажите пожалуйста, у меня разный вид в ИЕ и Мозилле, Как сделать чтоб в Мозилле отображалось так же красиво, как и в ИЕ, аккуратненькие прямоугольники.
http://s013.radikal.ru/i325/1106/84/668b266fbcaa.png - IE
http://s40.radikal.ru/i089/1106/16/0a2bc45512cb.png - Mozilla
Подскажите, что надо поправить в CSS.
Мой CSS:
Code /*--------------------- General styles start ---------------------*/
body { margin: 0px; background-color: #324142; font: 11px 'Tahoma', 'Arial'; color: #6b6b6b; text-align: center; }
td, input, select { font: 11px 'Tahoma', 'Arial'; }
body a { color: #c48b49; text-decoration: none; }
body a:hover { text-decoration: underline; }
* {}
img {border: 0px;}
/*--------------------- General styles end ---------------------*/
/*--------------------- All content start ---------------------*/
#all { width: 100%; min-width: 1000px; background: url(/ffon.jpg) repeat-x; }
#top-stripe { margin: auto; width: 1000px; height: 13px; overflow: hidden; background: url(/ffon.jpg); }
/*--------------------- All content end ---------------------*/
/*--------------------- Header start ---------------------*/
#header { margin: auto; margin-top: 12px; width: 1000px; height: 280px; background: url(/lavr.jpg); }
#top-menu { height: 39px; line-height: 39px; text-align: right; margin-right: 10px; padding-top: 1px; cursor: default; }
#top-menu a { margin-top: 9px; display: block; width: auto; cursor: pointer; color: #ffffff; font: 12px 'Tahoma'; text-transform: uppercase; line-height: 20px; text-decoration: none; margin-left: 8px; outline: none; }
#top-menu a:hover span.tm, #top-menu a:hover span.tm_left, #top-menu a:hover span.tm_right { background-position: 0px -21px; }
.tm_left { display: block; float: right; width: 5px; height: 21px; background: url(/.s/t/798/4.png); margin-left: 8px; }
.tm { display: block; float: right; height: 21px; background: url(/.s/t/798/5.png); }
.tm_right { display: block; float: right; width: 5px; height: 21px; background: url(/.s/t/798/6.png); }
span.ico { padding-left: 15px; background-position: 0px 1px; }
#top-menu a:hover span.ico { background-position: 0px -15px; }
.home { background: url(/.s/t/798/7.png) no-repeat; }
.prof { background: url(/.s/t/798/8.png) no-repeat; }
.reg { background: url(/.s/t/798/9.png) no-repeat; }
.logout { background: url(/.s/t/798/10.png) no-repeat; }
.login { background: url(/.s/t/798/11.png) no-repeat; }
.rss { background: url(/.s/t/798/12.png) no-repeat; }
#sitelogo { float: left; margin-left: 10px; margin-top: 13px; width: 760px; height: 73px; overflow: hidden; }
#sitelogo-left { float: left; width: 10px; height: 73px; background: url(/.s/t/798/13.png); }
#sitelogo-mid { float: left; height: 73px; font: 40px/73px 'Tahoma'; color: #ffffff; max-width: 735px; background: url(/.s/t/798/14.png); }
#sitelogo-right { float: left; width: 10px; height: 73px; background: url(/.s/t/798/15.png); }
#header-right { float: right; margin-right: 10px; width: 215px; }
#search { height: 75px; width: 192px; float: right; margin-top: 35px; }
#searchbg { background: url(/.s/t/798/16.png) no-repeat; }
#today { text-align: right; height: 30px; font: 13px/30px 'Tahoma'; color: #ffffff; }
#nav { width: 1000px; margin: auto; margin-top: 0px; background: url(/171.png); }
#nav-mid {}
/*--------------------- Header end ---------------------*/
/*--------------------- Main content start ---------------------*/
#content { width: 1000px; margin: auto; }
#content-top { width: 1000px; height: 5px; overflow: hidden; background: url(/.s/t/798/18.png); }
#content-mid { background: #ffffff; padding: 1px 0px; }
#maincol { float: left; width: 714px; margin-left: 10px; text-align: justify; padding-bottom: 10px; }
#rightcol { float: right; width: 256px; margin-right: 10px; text-align: justify; }
#soc { width: 256px; height: 44px; margin-bottom: 5px; background: url(/.s/t/798/19.png); }
#soc a { display: block; width: 32px; height: 32px; float: left; margin-top: 6px; margin-left: 9px; }
#soc a:hover { background-position: 0px -32px; }
.soc-rss { background: url(/.s/t/798/20.png); }
.soc-del { background: url(/.s/t/798/21.png); }
.soc-facebook { background: url(/.s/t/798/22.png); }
.soc-memori { background: url(/.s/t/798/23.png); }
.soc-twitter { background: url(/.s/t/798/24.png); }
.soc-vkontakte { background: url(/.s/t/798/25.png); }
.eTitle { font: 13px/32px 'Tahoma'; color: #8b6438; border: 1px solid #debc72; background: url(/.s/t/798/26.png) repeat-y top right; padding: 0px 50px 0px 10px !important; text-transform: uppercase; border-radius: 5px; -moz-border-radius: 5px; }
.eTitle a { font: 13px/32px 'Tahoma'; color: #8b6438; }
.eTitle a:hover {}
.eMessage, .eText, .eAnswer { font: 11px/15px 'Tahoma'; color: #6b6b6b; text-align: justify !important; padding: 5px 10px !important; }
.cMessage { font: 11px 'Tahoma'; text-align: justify !important; }
.eDetails, .eDetails1, .eDetails2 { background: #e1e1e1; border-radius: 5px; -moz-border-radius: 5px; color: #848484; text-transform: uppercase; padding: 6px 10px; }
.cBlock1, .cBlock2 { background: #e5e5e5; border: 1px solid #cdcdcd; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; }
/*--------------------- Main content end ---------------------*/
/*--------------------- Containers start ---------------------*/
.block { width: 100%; }
.block-top { width: 256px; height: 9px; overflow: hidden; background: url(/.s/t/798/27.png) no-repeat; }
.blocktitle { background: url(/.s/t/798/28.png); line-height: 16px; font: 13px 'Tahoma'; text-shadow: 1px 1px #d2753d; color: #ffffff; padding-left: 10px; text-transform: uppercase; }
.block-between { width: 256px; height: 16px; overflow: hidden; background: url(/.s/t/798/29.png); }
.blockcontent { text-align: left; background: url(/.s/t/798/30.png); width: 256px; }
.blockcontent-inside { margin-left: 10px; padding: 1px 0px; width: 236px; }
.blockbottom { width: 256px; height: 5px; overflow: hidden; background: url(/.s/t/798/31.png); margin-bottom: 5px; }
.blockcontent ul { margin: 0; padding: 0; }
.blockcontent li { margin-left: 15px; }
.blockcontent li a {}
.blockcontent li a:hover {}
.blockcontent a { color: #d5793f; }
.blockcontent a:hover {}
.catsTable { border-collapse: collapse; }
.catsTd { line-height: 18px; font-size: 10px; text-transform: uppercase; color: #525252; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; padding: 6px 10px; }
.catsTd a { color: #525252; }
td.catsTd:hover { background: #628075; color: #ffffff; }
td.catsTd:hover a { color: #ffffff; }
.calTable td { font: 10px 'Tahoma'; color: #525252; padding: 5px 10px; }
a.calMonthLink { color: #525252; }
td.calMdayIs, .calMdayIsA { color: #ffffff; background: #f19e61; }
a.calMdayLink { color: #ffffff; }
td.calWday {}
td.calWdaySe, td.calWdaySu { color: #ffffff; background: #628075; }
td.calMdayA { font-weight: bold; color: #51041d; }
a.groupAdmin { color: #ff0000; }
.swchItem span, .swchItemA span { background: url(/.s/t/798/32.png) repeat-x; padding: 3px 5px; color: #ffffff; border-radius: 5px; -moz-border-radius: 5px; }
.swchItem span:hover { background-position: 0px -18px; }
.swchItem span:active { background-position: 0px -36px; }
.swchItem span:active {}
a.swchItem { color: #ffffff; }
td.pagesinfo, td.switchActive, td.switch { border: 1px solid #e1e1e1; padding: 3px 5px; }
td.switchActive, td.switch { background: #cdcccc; }
/*---------------- Mainmenu start------------*/
#mainmenu { text-align: left; width: 980px; margin: 0px 10px; margin-left: 7px; }
#mainmenu li { float: left; height: 44px; line-height: 44px; }
#mainmenu li a { display: block; margin-top: 9px; margin-left: 5px; font: 11px/25px 'Tahoma'; color: #35453f; padding: 0px 10px; text-transform: uppercase; border: 1px solid transparent; white-space: nowrap; }
#mainmenu li a:hover, #mainmenu li a:active, #mainmenu li a.uMenuItemA { font: 11px/25px 'Tahoma'; color: #ffffff; background: #334640; padding: 0px 10px; text-decoration: none; border-left: 1px solid #19372b; border-top: 1px solid #19372b; border-right: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; border-radius: 5px; -moz-border-radius: 5px; }
ul.uMenuRoot { margin: 0px; padding: 0px; list-style-type: none; }
.uMenuRoot li {}
.uMenuRoot .uMenuItem {}
.uMenuRoot a {}
.uMenuItem a:hover {}
.uMenuItem a:active {}
.uMenuRoot a.uMenuItemA {}
.uMenuItem span {}
#mainmenu .x-sh { display: none; }
#mainmenu .xw-tl, #mainmenu .xw-tc, #mainmenu .xw-tr, #mainmenu .xw-bl, #mainmenu .xw-bc, #mainmenu .xw-br { display: none; }
#mainmenu .xw-ml, #mainmenu .xw-mr { padding: 0 !important; }
#mainmenu .u-menu .u-menubody, #mainmenu .u-menu .xw-mc { border: 0 !important; }
#mainmenu .u-menu .u-menuvitem { background: #344640; }
#mainmenu .u-menu .u-menuvitem:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px }
#mainmenu .u-menu .u-menuvitem:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px }
.u-menubody span { color: #ffffff !important; font: 11px 'Tahoma'; text-transform: uppercase; }
#mainmenu .u-menu { margin-left: 4px; }
#mainmenu .u-menu a { padding: 5px 7px; }
#mainmenu .u-menu a.u-menuvitem { border-bottom: 1px solid #586e67; border-top: 1px solid #2b3330; }
#mainmenu .u-menu .u-menuitemhl { background: #3d504a !important; }
#mainmenu .xw-ml, #mainmenu .xw-mc, #mainmenu .xw-mr, #mainmenu .u-menubody, #mainmenu .u-menucont { background: none !important; }
.u-menuarrow { width: 5px !important; height: 8px !important; top: 11px !important; right: 5px !important; background: url(/.s/t/798/33.png) no-repeat !important; }
#mainmenu .uMenuArrow { position: absolute; /*height: 5px; width: 17px; top: 100%; margin-top: -7px; left: 50%; margin-left: -8px;*/ height: 17px; width: 5px; top: 14px; right: 2px; background: url(/.s/t/798/34.png) no-repeat; }
#mainmenu li:hover .uMenuArrow { display: none; }
/*------------------- Mainmenu end -------------------*/ /*--------------------- Containers end ---------------------*/
/*--------------------- Footer start ---------------------*/
#footer { width: 1000px; text-align: left; border-top: 1px solid #c6c6c6; background: #e1e1e1; padding-top: 5px; }
#copyright { float: left; width: 40%; margin-left: 10px; text-align: left; }
#powered_by { float: right; width: 40%; margin-right: 10px; text-align: right; }
#powered_by img { vertical-align: middle !important; }
#footer-bottom { clear: both; width: 1000px; height: 5px; overflow: hidden; background: url(/.s/t/798/35.png); margin-bottom: 10px; }
/*--------------------- Footer end ---------------------*/
/*--------------------- Forum start ---------------------*/
.forumContent { }
.forumContent a {}
.forumContent table {}
.gTable, .postTable { background: #ffffff; }
.gTable td { background: #ffffff; border: 1px solid #e1e1e1; border-radius: 5px; -moz-border-radius: 5px; }
.postTable td { border-collapse: collapse; border: 1px solid #e1e1e1; border-radius: 5px; -moz-border-radius: 5px; }
td.postRest1, td.postRest2, td.postFirst { border: 0px; }
.gTable td.gTableTop { padding: 0px 10px; border: 1px solid #debc72; background: url(/.s/t/798/26.png) no-repeat top right; font: 14px/32px 'Tahoma'; color: #8b6438; text-transform: uppercase; border-radius: 5px; -moz-border-radius: 5px; }
.gTableTop a { color: #8b6438; }
.gTableTop a:hover {}
.gTable td.gTableSubTop { background: #e1e1e1; color: #848484; border: 0px; font-size: 10px; }
.gTableSubTop a { color: #848484; }
.gTableTop, .gTableSubTop, .forumNameTd, .forumThreadTd, .forumPosrTd, .forumLastPostTd, .threadNametd, .threadPostTd, .threadAuthTd, .threadViewTd, .threadLastPostTd, td.threadsDetails, td.forumOnlineBar { padding: 4px 10px; }
#frM6 td, #frM14 td, #frM50 td, #frM56 td, #frM59 td, #frM3 td, #frM45 td { padding: 4px 10px; }
.postBottom table td { border: 0px; }
.postTable td { padding: 4px 10px; }
.postSeparator { display: none; }
.posttdMessage { text-align: justify; }
.threadPostTd, .threadViewTd, .threadAuthTd, .forumThreadTd, .forumPostTd { text-align: center !important; }
a.TopSortLink {}
a.TopSortLink:hover {}
a.postUser { font-weight: bold; }
a.forum, a.threadLink { font-size: 12px; color: #c48b49; }
.quoteMessage {}
.forumDescr, .threadDescr { font-size: 10px; color: #a1a1a1; }
td.postTdTop { background: #e1e1e1; }
td.postTdTop a {}
td.forumIcoTd, td.forumThreadTd, td.forumPostTd, td.gTableRight, td.threadIcoTd, td.threadPostTd, td.threadViewTd { padding: 2px; }
td.pollQuestion, .pollResults td, td.pollResults, td.pollTotal, td.pollAnswer, td.pollButtons, .smiles td{ border: 0px; }
td.pagesInfo, td.switch, td.switchActive {}
td.switch, td.switchActive {}
td.switch a {}
.switchActive { font-weight: bold; }
/*--------------------- Forum end ---------------------*/
/*--------------------- INPUTS start ---------------------*/
input[type=submit], input[type=reset], input[type=button] { background: url(/.s/t/798/32.png); border: 1px solid #57696a; border-radius: 5px; -moz-border-radius: 5px; font: 10px 'Tahoma'; color: #ffffff; text-transform: uppercase; cursor: pointer; padding-top: 2px; padding-bottom: 2px; margin-top: 2px; }
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover { background-position: 0px -18px; }
input[type=submit]:active, input[type=reset]:active, input[type=button]:active { background-position: 0px -36px; }
input[type=text], input[type=password] { background: #ffffff; border: 1px solid #abadb3; padding: 2px 2px; }
input[type=text]:hover, input[type=password]:hover { background: #ddebe6; }
textarea { background: #ffffff; border: 1px solid #abadb3; padding: 2px 2px; }
textarea:hover { background: #ddebe6; }
#mchatBtn, input.codeButtons, input.button { padding-left: 0px; padding-right: 0px; text-transform: none; }
.searchForm { height: 27px; overflow: hidden; }
#search input.queryField { background: none; width: 159px !important; float: left; border: 0px; font-size: 11px; display: inline; margin-top: 5px; padding-left: 6px; }
#search input.queryField:hover { background: none; }
#search input.queryField:focus { outline: none; }
#search input.searchSbmFl { float: left; height: 27px; width: 33px; text-indent: -1000px; border: 0px; margin: 0; padding: 0; border-radius: 0px; -moz-border-radius: 0px; background: none; display: inline; cursor: pointer; }
input.searchSbmFl:hover { background-position: 0px 0px; }
textarea.commFl { width: 100%; }
.commTable { background: #e5e5e5; border: 1px solid #cdcdcd; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; }
/*--------------------- INPUTS end ---------------------*/
/*--------------------- POPUP start ---------------------*/
.popup a {}
.popup { margin: 10px; background: #ffffff; border: 1px solid #cdcdcd; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; }
.popuptitle { background: url(/.s/t/798/36.gif); height: 34px; font: 13px/33px 'Tahoma'; text-shadow: 1px 1px #d2753d; color: #ffffff; padding-left: 10px; text-transform: uppercase; text-align: left; border-radius: 5px; -moz-border-radius: 5px; }
.popupbody { margin: 10px; }
/*--------------------- POPUP end ---------------------*/
Сообщение отредактировал St0ne- - Пт, 10.06.2011, 18:43:16
|
|
Дата: Ср, 08.06.2011, 05:27:50 | Сообщение # 2
|
Chingirbeza, выкинь из головы IE !Этот браузер фигня,проверь через оперу и хром,если все норм значит,что iE!
|
|
Дата: Ср, 08.06.2011, 05:38:19 | Сообщение # 3
|
lazzy, я проверил через хром, тоже самое, как и в мозилле!
А хочется чтоб выглядело как в ИЕ.
Сообщение отредактировал Chingirbeza - Ср, 08.06.2011, 05:41:24
|
|
Дата: Ср, 08.06.2011, 17:28:09 | Сообщение # 4
|
Нафига ты кинул там всю свою таблицу css ? Я что экстрасенсорно должен догадаться какие стили у тебя к менюшке цепляются?
|
|
Дата: Чт, 09.06.2011, 00:11:52 | Сообщение # 5
|
Fidelist, ну так подскажи что надо кинуть, чтоб ты смог ответить на вопрос!?
|
|
Дата: Чт, 09.06.2011, 10:00:59 | Сообщение # 6
|
сейчас с ie некто не сидит и так красиво
|
|
Дата: Пт, 10.06.2011, 14:21:01 | Сообщение # 7
|
kolo6ok, как красиво - я сам определю, я попросил помочь сделать так, как я хочу!
|
|