Padding уменьшает фоновую картинку

@DmitriSpartak · Регистрация: 15.09.2013

Студворк — интернет-сервис помощи студентам

Когда в 20 строчке padding-top: 0, проблем не возникает и фоновая картинка растянута на всю высоту сайта 1024px, но как только она принимает какое-то значение (в примере 50 px) фоновая картинка уменьшается на это значение, а сам сайт остается размером в 1024 px и, как следствие, появляется белая полоса в 50 px внизу страницы.
Помогите пожалуйста исправить

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <style type="text/css">
            body
            {
                margin: 0px;
                height: 100%;
            }
            #wrapper
            {
                margin: auto;
                min-width: 980px;
                max-width: 1920px;
                min-height: 1024px;
                background-image:url(http://s1.goodfon.ru/image/522071-1280x1024.jpg);
                background-repeat:no-repeat;
                padding-top: 50px;
            }
            #header
            {
                margin: auto;
                width: 1000px;
                height: 200px;
                border: 2px solid black;
            }
        </style>
    </head>
    <body>
        <div id="wrapper">
            <div id="spaceDiv"></div>
            <div id="header">
        </div>
    </body>
</html>

@заряжайка · 03.12.2013, 23:32

у твоей картинки высота 1024px, внутренний отступ (padding) прибавляет блоку еще 50px, т.е. высота становится уже 1024+50, с чего ты вообще сделал вывод, что это картинка уменьшается не понятно... картинка как была 1024px так и осталась, это сам блок стал больше по высоте, если ты хочешь, чтобы картинка подстраивалась под различный размер используй свойство: background-size

@DmitriSpartak · 03.12.2013, 23:36 **[ТС]**

заряжайка, спасибо. Жаль background-size не везде работает

Новые блоги и статьи Все статьи Все блоги /
Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .	Расчёт токов в цепи постоянного тока igorrr37 05.01.2026 / * Дана цепь постоянного тока с сопротивлениями и напряжениями. Надо найти токи в ветвях. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и решает её. Последовательность действий:. . .
Новый CodeBlocs. Версия 25.03 palva 04.01.2026 Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .	Модель микоризы: классовый агентный подход anaschu 02.01.2026 Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .

@заряжайка 47 / 47 / 12 Регистрация: 25.11.2013 Сообщений: 117
	03.12.2013, 23:32
	у твоей картинки высота 1024px, внутренний отступ (padding) прибавляет блоку еще 50px, т.е. высота становится уже 1024+50, с чего ты вообще сделал вывод, что это картинка уменьшается не понятно... картинка как была 1024px так и осталась, это сам блок стал больше по высоте, если ты хочешь, чтобы картинка подстраивалась под различный размер используй свойство: background-size 1

@DmitriSpartak 0 / 0 / 1 Регистрация: 15.09.2013 Сообщений: 9
	03.12.2013, 23:36 [ТС]
	заряжайка, спасибо. Жаль background-size не везде работает 0