Помогите настроить шкуру!

[Dizel]

Хочу что бы вот тут ( http://www.krabstudio.net/raid/viewforu ... e8668eb407 ) расстояние от левой и правой кромки таблицы форума было равно нулю, что ни делал - ничего не выходит, всё равно остаётся около 5-6 пикселей, так же пробовал менять файл стилей - не вышло. Подскажите как это сделать!

[[R: R@m$e$ :U]]

Dizel
в css для body

Код: Выделить всё

margin: 0px; padding: 0px;

[hom9k]

[R: R@m$e$ :U]
а разве одного margin: 0px не хватает?

И еще к сожалению такая маза не срабатывает в Мозилле, она справа и снизу все равно отступ оставляет.. ничего не помогает.

[VVVas]

а разве одного margin: 0px не хватает?

нет, потому что одни браузеры думают что это внутрений отступ, а другие что внешний, поэтому приходится использовать и то и то.

[Dizel]

Самое интересное что у меня так и написано:

Код: Выделить всё

body {
        background: #DED9CA url("images/raid_pattern.gif");
        margin: 0;
        padding: 0;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
}

и всё равно ничего не работает!

[Егор Наклоняев]

Dizel
А в чём сакральный смысл?

Код: Выделить всё

margin-left: auto; 
margin-right: auto; 

Если выше Вы выставили margin в 0, а затем переопределили обратно?
Причём непонятно во что, ибо, если мне не изменяет память, "auto" отсуствует в стандарте CSS1 в допустимых параметрах для границ.

[Dizel]

Если выше Вы выставили margin в 0, а затем переопределили обратно?
Причём непонятно во что, ибо, если мне не изменяет память, "auto" отсуствует в стандарте CSS1 в допустимых параметрах для границ.

Я ничего не выставлял, просто хочу переделать шкуру которую закачал, я убрал

Код: Выделить всё

margin-left: auto; 
margin-right: auto; 

и стало

Код: Выделить всё

body { 
background: #DED9CA url("images/raid_pattern.gif"); 
margin: 0; 
padding: 0; 
height: 100%; 
text-align: center; 
} 

и это совершенно не помогло http://www.krabstudio.net/raid/

[VVVas]

Dizel
У меня сказано

Код: Выделить всё

margin: 0px; padding: 0px;

и работает вроде.

[Я]

попробуйте после 0 поставить px как у VVVas стоит

[Dizel]

VVVas странно, но не хочет работать, может быть нужно что то поменять в шапке или ещё где то? вот привожу полный код css:

Код: Выделить всё

/* CSS Document */

html {height: 100%;}

body {
        background: #DED9CA url("images/raid_pattern.gif");
        margin: 0;
        padding: 0;
        height: 100%;
        text-align: center;
}

form, select, input, radio, checkbox {
        padding: 0;
        margin: 0;
}

h1, h2 {
        font-family: Verdana;
        font-size: 13px;
        font-weight: bold;
        color: #000;
        line-height: 16px;
        margin: 0;
}

h1 a:hover, h2 a:hover {
        text-decoration: none;
}

h1 img, #black_bar_left img, #black_bar_right img {padding-right: 5px;}

h2 img {width: 0;}

#maintable {
        width: 100%;
        height: 100%;
        background: url("images/raid_tablebg.gif") repeat-x;
}

#tablewidth {
        background: url("images/raid_tdbg.gif") repeat-x;
        width: 100%;
        background-color: #FAFAFA;
        padding: 0px 0px;
        text-align: left;
        vertical-align: top;
}

#raid_logo {
        height: 120px;
        margin-bottom: 0px;
}
#raid_logo img {border: 0;}

#raid_image {
        float: right;
        height: 120px;
}

div#menu {
        float: left;
        width: 190px;
        height: 110px;
        margin-bottom: 10px;
        padding-top: 10px;
        background-color: #A3A3A3;
        font-family: Verdana;
        font-size: 11px;
        color: #000000;
}

div#menu b {display: none;}

div#menu a {
        display: block;
        color: #000;
        background: transparent;
        margin: 0;
        padding: 6px 17px ;
        text-align: left;
        text-decoration: none;
}

div#menu a:hover {
        color: #780001;
        padding-right: 5px;
        border-right: 10px solid #780001;
        background-color: #fff;
        text-decoration: underline;
}

#forum_name {
        height: 30px;
        margin: 0;
        font-family: Verdana;
        font-size: 11px;
        text-align: left;
        color: #fff;
        padding-left 4px;
}

#black_bar {
        clear: both;
        height: 15px;
        background-color: #000;
        font-family: Verdana;
        font-size: 11px;
        line-height: 11px;
        color: #fff;
        padding: 25px 0;
        margin-bottom: 10px;
}
#black_bar a {
        color: #fff;
        text-decoration: none;
}
#black_bar a:hover {
        color: #fff;
        text-decoration: underline;
}

#black_bar_left {
        float: left;
        clear: both;
        width: 180px;
        text-align: left;
        padding-left: 10px;
}
#black_bar_left div {padding: 10px 0;}
#black_bar_right {
        float: left;
        padding: 0 0 0 15px;
}
#black_bar_right div {
        padding: 10px;
        margin-bottom: 5px;
        width: 555px;
}

.main, .main a {
        font-family: Verdana;
        font-size: 11px;
        color: #000;
        line-height: 20px;
}

.main a:hover {
        text-decoration: none;
}

.main_form, select, input, textarea, radio {
        font-family: Verdana;
        font-size: 11px;
        color: #000;
        vertical-align: middle;
        margin: 0;
        padding: 0;
}

.main {
        width: 100%;
        clear: both;
}
.main-left {
        float: left;
        width: 180px;
        text-align: right;
        padding: 5px 0;
        height: 20px;
        line-height: 16px;
        font-style: normal;
        font-weight: normal;
        font-family: Verdana;
        font-size: 11px;
        color: #000;
}

.avatar {
        margin: 0;
        padding: 0;
}

.avatar img {
        border: none;
        padding: 4px;
        margin: 5px 0;
        background-color: white;
        border: 1px solid #ccc;
}

.main-right {
        float: right;
}
.main-right div {
        padding: 5px 10px;
        margin-bottom: 5px;
        width: 780px;
        font-style: normal;
        font-weight: normal;
        font-family: Verdana;
        font-size: 11px;
        color: #000;
}

#copyright {
        width: 100%;
        height: 24px;
}

#copyright div {
        background-color: #780001;
        width: 100%;
        white-space: nowrap;
        padding: 5px 0 2px;
}

#copyright img {
        border: 0;
}

#admintd {
        background-color: #fafafa;
        padding: 0;
        margin: 0;
        vertical-align: bottom;
}

#adminlink {
        width: 100%;
        height: 50px;
}

#adminlink div {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        background-color: #fafafa;
        width: 770px;
        padding: 10px;
        font-family: Verdana;
        font-size: 11px;
        color: #000;
}

#adminlink a {
        color: #000;
}

#adminlink a:hover {
        text-decoration: none;
}

.topic_icons img {
        padding-right: 7px;
}

.quote {
        font-family: Verdana;
        font-size: 11px;
        color: #000;
        font-style: italic;
}

.code {
        font-family: "Courier New", Courier, mono;
        font-size: 11px;
        font-style: normal;
        color: #000;
}

[VVVas]

Dizel

margin: 0px; padding: 0px;

margin: 0; padding: 0;

?

.main-left {
float: left;
width: 180px;
text-align: right;
padding: 5px 0;

?

.main-right div {
padding: 5px 10px;
margin-bottom: 5px;

?

#copyright div {
background-color: #780001;
width: 100%;
white-space: nowrap;
padding: 5px 0 2px;

?

Что у вас за CSS такой странный? Несколько значений для одного и того же параметра, как оно жить то будет? Шерстите CSS на неверность. Поставьте себе TopStyle, хотя бы Lite, а то у вас очень странный CSS.

[Dizel]

VVVas я его закачал вместе со шкурой с официального сайта www.phpbb.com

Поставьте себе TopStyle, хотя бы Lite, а то у вас очень странный CSS.

А что это? Полазил по поиску - ответов ноль.

Несколько значений для одного и того же параметра, как оно жить то будет?

Так ведь значения заданы отдельно для body, main-left, copyright div и так далее, Если их указать только для body то для всех остальных оно по умолчанию будет равняться выставленному значению?

убрал вообще все margin: 0 padding: 0 и вот результат http://www.krabstudio.net/raid/ не помогло

[VVVas]

А что это?

Это неплохой редактор CSS.

Так ведь значения заданы отдельно для body, main-left, copyright div и так далее, Если их указать только для body то для всех остальных оно по умолчанию будет равняться выставленному значению?

Это конечно верно, но я про другое, проследите, пожалулуйста: у вас по два по три значения для одного и того же параметра выставленно.

padding: 5px 0 2px;

И так далее.

убрал вообще все margin: 0 padding: 0 и вот результат http://www.krabstudio.net/raid/ не помогло

Ежиком через полторашку. Вам же писали:

попробуйте после 0 поставить px как у VVVas стоит

Или что?

И помоему вас проблема из-за вот этого

.main-left {
float: left;
width: 180px;
text-align: right;
padding: 5px 0;

и

.main-right div {
padding: 5px 10px;
margin-bottom: 5px;

[Dizel]

VVVas закачал TopStyle и посмотрел Превью... абракадабра какая то получилась, обычно все так CSS-ки выглядят?

[VVVas]

абракадабра какая то получилась

Какой css файл - такой и превью. Вот вам и объяснение проблем. Выправляйте.