Стили заголовок и подвале

@Ципихович Эндрю · Регистрация: 10.04.2009

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

здравствуйте css не знаю, методом тыка скопировал с одного сайта

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<style type='text/css'>
/*header-заголовок*/
header {
    width: 100%;
    padding: 10px;
    background: #deb887;
    color: #d0ff00;
    text-transform: uppercase;
    text-align: center;
    font-weight: 900;
/*footer-нижний колонтитул*/
footer {
    width: 100%;
    padding: 10px;
    background: #deb887;
    color: #d0ff00;
</style>

вопрос в том почему в header-заголовке не совпадает шрифт с оригиналом и отсутствует footer-подвал вообще?, спс
что касается шрифта в месте откуда скопировал о нём есть упоминание, но в другом объекте

HTML5
1
2
body {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

@Academik · 18.02.2021, 16:38

Ципихович Эндрю, оно? https://jsfiddle.net/heL0qg9d/

Добавлено через 2 минуты

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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Document</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    * {
      box-sizing: border-box;
    }
 
    body {
      margin: 0;
      min-height: 100vh;
      display: flex;
      flex-direction: column;
    }
 
    /* Шапка */
    header {
      padding: 10px;
      background: #deb887;
      color: #d0ff00;
      text-transform: uppercase;
      text-align: center;
      font-weight: 900;
    }
 
    /* Контент */
    main {
      flex-grow: 1;
    }
 
    /* Подвал */
    footer {
      padding: 10px;
      background: #deb887;
      color: #d0ff00;
    }
  </style>
</head>
<body>
  <!-- Шапка -->
  <header>
 
  </header>
 
  <!-- Контент -->
  <main>
 
  </main>
 
  <!-- Подвал -->
  <footer>
 
  </footer>
</body>
</html>

@Ципихович Эндрю · 18.02.2021, 16:53 **[ТС]**

конечный результат-гут
но так как тут
кроме на сию минуту мне нужного
заголовка и подвала ещё есть

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
{
      box-sizing: border-box;
    }
     body {
      margin: 0;
      min-height: 100vh;
      display: flex;
      flex-direction: column;
    }
    main {
      flex-grow: 1;
    }

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

@Academik · 18.02.2021, 17:00

Ципихович Эндрю,

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
37
38
39
40
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Document</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    /* Шапка */
    header {
      padding: 10px;
      background: #deb887;
      color: #d0ff00;
      text-transform: uppercase;
      text-align: center;
      font-weight: 900;
    }
 
    /* Подвал */
    footer {
      position: absolute;
      bottom: 0;
      width: calc(100% - 35px);
      padding: 10px;
      background: #deb887;
      color: #d0ff00;
    }
  </style>
</head>
<body>
  <!-- Шапка -->
  <header>
 
  </header>
 
  <!-- Подвал -->
  <footer>
 
  </footer>
</body>
</html>

@Ципихович Эндрю · 18.02.2021, 17:06 **[ТС]**

небольшая щелочка есть, пожалуйста, как прижать Шапку к верху страницы?

@Academik · 18.02.2021, 17:11

Ципихович Эндрю,

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
37
38
39
40
41
42
43
44
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Document</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    body{
      margin: 0;
    }
 
    /* Шапка */
    header {
      padding: 10px;
      background: #deb887;
      color: #d0ff00;
      text-transform: uppercase;
      text-align: center;
      font-weight: 900;
    }
 
    /* Подвал */
    footer {
      position: absolute;
      bottom: 0;
      width: calc(100% - 20px);
      padding: 10px;
      background: #deb887;
      color: #d0ff00;
    }
  </style>
</head>
<body>
  <!-- Шапка -->
  <header>
 
  </header>
 
  <!-- Подвал -->
  <footer>
 
  </footer>
</body>
</html>

@Ципихович Эндрю · 18.02.2021, 17:15 **[ТС]**

спасибо большое

Новые блоги и статьи Все статьи Все блоги /
Беседа с ИИ о программистах, недопускающих к созданию и правке кода генеративные ИИ и причины этого zorxor 21.09.2026 Раньше я радовался или получал некоторые эмоции, пусть небольшие, но всё же, от самого процесса написания кода, рекомпиляции и запуска, видя постепенное развитие программы и прочее. А теперь лень. . .	Мобильное приложение ColorStep pavlinmavlin 17.09.2026 Реализовал приложение Красный, Зеленый, Синий в Unity3d + c#. Название изменил на ColorStep. Приложение прошло модерацию и теперь доступно для скачивания. Делал его сам, шаг за шагом — и вот,. . .	Запрет дублирования строк в табличной части Maks 13.09.2026 Реализация из решения ниже выполнена на нетиповом справочнике "Нормы ТО" с табличной часть "Виды ТО", разработанного в КА2, со следующими реквизитами: - ВидТО (СправочникСсылка. ВидыТО); - ВидГСМ. . .	Скрипты Tampermonkey для CyberForum, ChatGPT, Claude и пр. Jin X 06.09.2026 Скрипты Tampermonkey для CyberForum, ChatGPT, Claude и пр. Работая с форумом и нейросетями в браузере часто хочется что-то подкорректировать или добавить какого-то функционала. Ниже прикреплён. . .
Программа опроса у.з. расходомера SLS-720F Argus19 02.09.2026 Программа опроса у. з. расходомера SLS-720F Программа опрашивает один раз в минуту три ультразвуковых расходомера SLS-720F через интерфейс RS-485 по протоколу Modbus RTU. Опрашиваются регистры. . .	Hyper-V: Компьютер должен поддерживать доверенный платформенный модуль 2.0. Maks 31.08.2026 При установке Windows 11 на виртуальную машину Hyper-V 2-го поколения вылезла такая ошибка: Решение: в параметрах виртуальной машины, в разделе "Безопасность" (Security) активировать флаг. . .	Архитектура биовида Стива в Майнкрафте: Зачем бонобо кубический каннибализм anaschu 30.08.2026 Кубический Вагинокапитализм в Minecraft: Математический инвариант ОДУ и рок Стивов-бонобо Главная задача разработанной «Модели Всего» — наглядно продемонстрировать наличие системной «судьбы». . .	Оттачиваю умение писать js программы. russiannick 30.08.2026 Проектом выходного дня стало написание Книги шифров Виженера. Итогом стала версия 200, синий туман. Синий туман назван так, потому что замораживает текст под собой. Нажатие синих кнопок управляют. . .

@Ципихович Эндрю 1713 / 580 / 76 Регистрация: 10.04.2009 Сообщений: 9,337
	18.02.2021, 17:06 [ТС]
	небольшая щелочка есть, пожалуйста, как прижать Шапку к верху страницы? 0

@Ципихович Эндрю 1713 / 580 / 76 Регистрация: 10.04.2009 Сообщений: 9,337
	18.02.2021, 17:15 [ТС]
	*спасибо большое* 0