Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Стили (CSS) Как избавиться от отступа между картинкой

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


     30.07.2013    Стили (CSS)    1523

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

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


Код 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
75 | 2

Arsen - 30 июля 2013 19:35 - Юзер

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

Gopr
10

494 | 164

Gopr - 31 июля 2013 01:12 - Юзер

Попробуйте добавить в стили
.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
75 | 2

Arsen - 31 июля 2013 01:59 - Юзер

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

Gopr
10

494 | 164

Gopr - 31 июля 2013 11:52 - Юзер


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

Arsen
75 | 2

Arsen - 31 июля 2013 13:46 - Юзер

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

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

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