Пробел вокруг повторяющегося изображения

Question

Пробел вокруг повторяющегося изображения

0

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

Мой индексный файл в основном является только заголовком Div Class.

CSS

.header{
position:relative;
width:100%; 
height: 478px;
float:left; 
background:url(../images/headBg.png) repeat-x;
padding: 0;
margin: 0;
outline: none;
border: 0;
overflow-x: hidden; 
}

Это то, что я вижу.

user3438699 20 март 2014, в 14:02

Источник

0

Можете ли вы создать jsfiddle для того же?
Jazmin 20 март 2014, в 12:41
0

Вы можете дать снимок экрана или jsfiddle для того же
Abhishek 20 март 2014, в 12:41
2

Можете ли вы сделать body {padding: 0; margin: 0} и попробовать?
vivek 20 март 2014, в 12:42
0

По умолчанию <html> и / или <body> имеют поле, установленное браузером, может быть, это то, что вы видите? попробуй body, html { margin: 0; padding: 0; } в вашем CSS
giorgio 20 март 2014, в 12:42
0

С вашим же кодом я не нахожу пробелов между ними. Jsfiddle ссылка jsfiddle.net/TFDw7
Jazmin 20 март 2014, в 12:44

Показать ещё 3 комментария

Теги:

html

css

5 ответов

1

Поскольку я только что проверил это, и вы уже проверили основную margin:0 т.д. Белое пространство будет на вашем изображении.

Проверьте это, чтобы доказать, что это не код.

ДЕМО ЗДЕСЬ

Если вы имеете в виду интервал вокруг снаружи, это будет край тела:

html, body {
    margin: 0;
}

Это исправит это.

ДЕМО ЗДЕСЬ

Так что это будет ваша окончательная версия (удалить все CSS не нужно).

ДЕМО ЗДЕСЬ

Ruddy 20 март 2014, в 11:42

1

Чтобы удалить это свободное пространство вокруг него, добавьте следующий код в свой CSS

body {margin:0; padding:0}

Это приведет к удалению поля или отступов (некоторые браузеры используют маржу, некоторые дополнения) из документа, и ваш заголовок будет заподлицо с окном.

David 20 март 2014, в 11:39

1

Набивка, которую вы видите, скорее всего происходит от тела, а не от заголовка. Вам нужно будет сделать

body{padding:0;margin:0;}

TDDdev 20 март 2014, в 11:29

1

Эта белая "граница" вызвана по умолчанию margin/padding для html и body element. Установите также значение 0:

html, body {
   margin: 0px;
   padding: 0px;
}

Pavel Štěrba 20 март 2014, в 09:46

Ещё вопросы

Можете ли вы создать jsfiddle для того же?
Вы можете дать снимок экрана или jsfiddle для того же
Можете ли вы сделать body {padding: 0; margin: 0} и попробовать?
По умолчанию <html> и / или <body> имеют поле, установленное браузером, может быть, это то, что вы видите? попробуй body, html { margin: 0; padding: 0; } в вашем CSS
С вашим же кодом я не нахожу пробелов между ними. Jsfiddle ссылка jsfiddle.net/TFDw7

Turnip · Accepted Answer · 2014-03-20T11-03-00.000Z

Белое пространство является заполнением по умолчанию вокруг HTML-страницы. Удалите его, добавив это в свой CSS:

html, body {
    padding: 0;
    margin: 0;
}

Демо с дополнением

Демо без заполнения

Что с подкладкой? Это только margin .
@ Радди, это так во всех браузерах? Я всегда использовал оба. Береженого Бог бережет
Я никогда не видел браузер, который использует отступы по умолчанию, я не думаю, что есть один. Но я думаю, это не больно.