Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.77/26: Рейтинг темы: голосов - 26, средняя оценка - 4.77
0 / 0 / 0
Регистрация: 01.10.2011
Сообщений: 21

Footer или копирайт

16.11.2011, 19:50. Показов 4942. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Не могу понять почему футер не появляется (Я начинающий)

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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Продажа компьютеров</title>
  <style type="text/css">
 
   body {
    font: 11pt Arial, Helvetica, sans-serif; /* Рубленый шрифт текста */
    margin: 0; /* Отступы на странице */
    padding:0;
    height:100%; }
   h1 {
    font-size: 36px; /* Размер шрифта */
    margin: 0; /* Убираем отступы */
    color: #fc6; /* Цвет текста */
   }
   h2 {
    margin-top: 0; /* Убираем отступ сверху */
   }
   #header { /* Верхний блок */
    background-image:url(BlueFier.JPG); /* Цвет фона */
    padding: 10px; /* Поля вокруг текста */
   }
   #sidebar { /* Левая колонка */
    float: left; /* Обтекание справа */
    border: 1px solid #333; /* Параметры рамки вокруг */
    width: 20%; /* Ширина колонки */
    padding: 5px; /* Поля вокруг текста */
    margin: 10px 10px 20px 5px; /* Значения отступов */
   }
   #content { /* Правая колонка */
    height:100%;
    margin: 5px 20px 40px 25%; /* Значения отступов */
   }
 
#container {
   min-height:100%;
    position:relative;
}
 
#body {
   padding:50px;
    padding-bottom:60px;   /* Высота футера*/
}
#footer {
   position:absolute;
    bottom:0;
    width:100%;
    height:60px;   /* Высота футера */
    background:#333;
    color: #fff; /* Цвет текста */
    clear: left; /* Отменяем действие float */
}
  </style>
 </head>
 <body>
  <div id="header"><h1>Продажа б\у компьютеров</h1></div>
  <div id="sidebar">
  <ul>
   <li><p><a href="main.html" target="iframe">Главная</a></p></li>
   <li><p><a href=".html">Пусто</a></p></li>
   <li><p><a href="sys.html" target="iframe">Системные характеристики</a></p></li>
   <li><p><a href=".html">Дополнительно</a></p></li>
   <li><p><a href="infa.html" target="iframe">Контактная информация</a></p></li>
   </ul>
  </div>
  <div id="content">
    <iframe id="my_iframe" scrolling="no"  frameborder="0" name="iframe" style="width:300px; height:350px; left: 30%;" src="main.html"/>
  </div>
  <div id="footer">&copy; Кулсеитов Алибек , по всем вопросам пишите по адресу dj_sunrise@mail.ru</div>
 </body>
</html>
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
16.11.2011, 19:50
Ответы с готовыми решениями:

Как опустить/прижать footer-у меня это не footer к низу?
Доброго времени суток :coffee2: подскажите, как опустить/прижать footer-у меня это не footer, а серый блок к низу? на сайте: tend ....

В чём различие <footer от <div id="footer">
subj, как надо определять блок и в каких случаях надо &lt;footer , а в каких &lt;div id=&quot;footer&quot;&gt;

Как прибить footer внизу, или как сделать подвал на сайте
пролистал кучу сайтов и конкретного ответа не нашёл возможно ли без jquery с помощью ксс сделать подвал сайта

4
Peace 2 all shining faces
 Аватар для Vorona
674 / 535 / 85
Регистрация: 05.03.2010
Сообщений: 1,282
16.11.2011, 21:53
iframe должен содержать закрывающий тег, перепишите вашу строку 70
HTML5
1
<iframe id="my_iframe" scrolling="no"  frameborder="0" name="iframe" style="width:300px; height:350px; left: 30%;" src="main.html"/>
на эту
HTML5
1
<iframe id="my_iframe" scrolling="no"  frameborder="0" name="iframe" style="width:300px; height:350px; left: 30%;" src="main.html"></iframe>
0
0 / 0 / 0
Регистрация: 01.10.2011
Сообщений: 21
16.11.2011, 21:58  [ТС]
Закрыв. тэг есть )) просто не скопировалось
0
Peace 2 all shining faces
 Аватар для Vorona
674 / 535 / 85
Регистрация: 05.03.2010
Сообщений: 1,282
16.11.2011, 21:59
ну вот с закрывающим тегом у меня все работает
а у вас не то, чтобы не скопировалось, а вы его отметили одиночным, то есть вместо <iframe></iframe> написали <iframe/>
вот отсюда и ошибка
0
0 / 0 / 0
Регистрация: 01.10.2011
Сообщений: 21
16.11.2011, 22:01  [ТС]
=)) Точно !! спасибО!!! вот же какая мелкая ошибка)) а я сидел голову ломал
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
16.11.2011, 22:01
Помогаю со студенческими работами здесь

Прижать копирайт к низу страницы
Не могу прижать копирайт к низу страницы, так чтобы карточка была отцентрирована по вертикали, свойство justify-content: center; -- не...

как сделать копирайт неподвижным?
как сделать копирайт сайта не подвижным в низу страницы сайта?получается при добавлении комментария копирайт сдвигается вверх © -----.RU

Footer
Как привязать footer, вот допустим на этом сайт (не реклама) karambid.ru footer при увеличение масштаба не залезает на или под другой...

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

Прибить Footer
Добрый день, товарищи. Помогите прибить футер к низу странички, пожалуйста. Поиском пользовался. Структура такая: ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Символьное дифференцирование
igorrr37 13.02.2026
/ * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+2) -. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru