Как убрать пробел слева и справа от страницы?

0

Я пытаюсь сделать нижний колонтитул, но левая и правая стороны показывают некоторое пустое пространство. Как удалить пробел?

Вот мой код:

<html>
<head>
  <style>
    footer {
      background: none repeat scroll 0% 0% #DFDFDE;
      padding: 120px 0px;
      text-align: center;
      position: relative;
    }
    .divider {
      background: url('http://evablackdesign.com/wp-content/themes/ebd/images/footer-border.png')
      repeat-x scroll center center transparent;
      height: 7px;
      width: 100%;
      position: absolute;
      top: -6px;
    }
    .container {
      width: 930px;
      margin: 0px auto;
    }
  </style>
</head>
<body>
  <footer>
    <div class="divider"></div>
    <div class="container">
      <h1>hiiiiiiiii</h1>
      <br>
      <h2>buyyyyyyyyyyyy</h2>
    </div>
  </footer>
</body>
</html>

Изображение 174551изображение нижнего колонтитула

Тег определяет нижний колонтитул для документа или раздела.

Элемент должен содержать информацию о его содержащем элементе.

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

Теги:

3 ответа

10

Тело имеет разницу по умолчанию. Удалите его через:

html,body {
    margin:0;
    padding:0;
}
Поделиться
  • 0
    еще лучше, запустите ваш CSS с полной «нормализацией» или сбросом, примерно так: necolas.github.io/normalize.css
2

Большинство веб-браузеров имеют разные настройки по умолчанию для базовых полей и отступов. Это означает, что если вы не устанавливаете маркер и прописку на теге body и html, вы можете получить непоследовательные результаты на странице в зависимости от того, какой браузер вы используете для просмотра страницы.

Лучший способ решить это - установить все поля и прокладки на тегах html и body на 0:

html, body {
    margin: 0px;
    padding: 0px;
}
Поделиться
0

Добавьте это в свой тег стиля...

body {
  margin: 0;    
}
Поделиться
  • 0
    Не все браузеры для этого используют поле body; см. ответ j08691 для более надежного решения.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню