Форум Diz-Cs.Ru
Преимущества регистрации:
Возможность создания тем
Общение с пользователями
Найдете множество полезной информации
Найдете своих единомышленников
DIZ-CS.RU - Мы с Вами НАВСЕГДА!
В данном разделе Вы сможете задать любой вопрос который касается uCoz. Если Вы ищите скрипт, то напишите в эту тему, также можете посетить наш раздел веб-мастеров.
Если у пользователя мало гарантий, то советуем провести сделку через гаранта.
  • Страница 1 из 1
  • 1
Модератор форума: -SAM-  
Вопрос по CSS
Дата: Ср, 08.06.2011, 05:12:14 | Сообщение # 1
Аватарка Chingirbeza
OFF
Пользователь
228 Сообщения:
5 Награды:
0 Отзывы:
ICQ пользователя:
Skype пользователя:
Сайт пользователя:
Подскажите пожалуйста, у меня разный вид в ИЕ и Мозилле, Как сделать чтоб в Мозилле отображалось так же красиво, как и в ИЕ, аккуратненькие прямоугольники.

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
Аватарка lazzy
OFF
Премиум
1233 Сообщения:
383 Награды:
0 Отзывы:
Chingirbeza, выкинь из головы IE !Этот браузер фигня,проверь через оперу и хром,если все норм значит,что iE!
Дата: Ср, 08.06.2011, 05:38:19 | Сообщение # 3
Аватарка Chingirbeza
OFF
Пользователь
228 Сообщения:
5 Награды:
0 Отзывы:
ICQ пользователя:
Skype пользователя:
Сайт пользователя:
lazzy, я проверил через хром, тоже самое, как и в мозилле!

А хочется чтоб выглядело как в ИЕ.
Сообщение отредактировал Chingirbeza - Ср, 08.06.2011, 05:41:24
Дата: Ср, 08.06.2011, 17:28:09 | Сообщение # 4
Аватар не установлен
OFF
Премиум
1419 Сообщения:
345 Награды:
5 Отзывы:
Skype пользователя:
Сайт пользователя:
Нафига ты кинул там всю свою таблицу css ? Я что экстрасенсорно должен догадаться какие стили у тебя к менюшке цепляются?
Дата: Чт, 09.06.2011, 00:11:52 | Сообщение # 5
Аватарка Chingirbeza
OFF
Пользователь
228 Сообщения:
5 Награды:
0 Отзывы:
ICQ пользователя:
Skype пользователя:
Сайт пользователя:
Fidelist, ну так подскажи что надо кинуть, чтоб ты смог ответить на вопрос!?
Дата: Чт, 09.06.2011, 10:00:59 | Сообщение # 6
Аватар не установлен
OFF
Banned Users
92 Сообщения:
15 Награды:
0 Отзывы:
сейчас с ie некто не сидит и так красиво
Дата: Пт, 10.06.2011, 14:21:01 | Сообщение # 7
Аватарка Chingirbeza
OFF
Пользователь
228 Сообщения:
5 Награды:
0 Отзывы:
ICQ пользователя:
Skype пользователя:
Сайт пользователя:
kolo6ok, как красиво - я сам определю, я попросил помочь сделать так, как я хочу!
  • Страница 1 из 1
  • 1
Поиск: