Технический сбой

Сайт временно работает в режиме только для чтения, идут восстановительные работы. Приносим свои извинения за неудобства.
DLE FAQ » Все вопросы » Стили (CSS) » Как избавиться от отступа между картинкой

Как избавиться от отступа между картинкой


     Все вопросы » Стили (CSS)    2901

вопрос
При верстке сайта столкнулся с такой проблемой. Между картинкой и телом новостей получается отступ в Хроме отображается нормально, а в остальных браузерах получается отступ. На форуме провебера, дельных советов не дали может вы чем поможете.

Как избавиться от отступа между картинкой


Код html:
</header>
<div class="main">
    <div class="clearfix"></div>
    <div class="sidebar">
        {include file="sidebar.tpl"}
    </div>
       <div class="content">
        {info}
        {content}
       </div>
</div><!--Тело новостей-->

</body>

</html>


Код css:
/* Новости и боковая навигация */

.clearfix{
    background: url("../img/content_line.png") no-repeat;
    width: 961;
    height: 5px;

}

.main{
    width: 957px;
    margin: -6px auto 0 auto;

}

.sidebar{
    width: 277px;
    float: right;
    background: #fff;
}

.content{
    width: 630px;
    float: left;
    background: #fff;
    overflow: hidden;
    padding: 25px;
}

Ответил: ПафНутиЙ


Используйте правильный "сброс" стилей и всё будет ок.

5 комментариев

Arsen
Юзер

Arsen - -

ПАФНУТИЙ
,
Не выходит((((((((((((( вставил в css и не выходит, отступ так и остался... только в опере еще и ссылки сместились

Gopr
Юзер

Gopr - -

Попробуйте добавить в стили
.full-content {margin-top:-5px}
А в main.tpl заменить
<div class="main">
    <div class="clearfix"></div>
    <div class="sidebar">
        {include file="sidebar.tpl"}
    </div>
       <div class="content">
        {info}
        {content}
       </div>
</div>
на
<div class="main">
<div class="clearfix"></div>
<div class="full-content">
<div class="content">{info}{content}</div>
<div class="sidebar">{include file="sidebar.tpl"}</div></div></div>

Arsen
Юзер

Arsen - -

Gopr,
В хроме верхния картинка исчезла, а в остольных браузерах без изминений

Gopr
Юзер

Gopr - -


Данный вами код html и css отображается как нужно. Ни чего не изменено, только подкрасил все background-ами, чтобы видеть отступы. Единственное, что в Opera <div class="main"> закрашен в остальных браузерах почему то нет. Ищите проблему в другом месте :/

Arsen
Юзер

Arsen - -

Gopr,
Спасибо... буду искать... первая моя верстка и уже такой косяк(((

Похожие вопросы

наверх