Съезжает изображение в футере

@Miliyana · Регистрация: 20.11.2017

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

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
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
<style>
.container {width:700px; height:auto; position: relative;margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto;}
.header {width:700px; height:90px; background: url(verona_banner.jpg);}
.header2 {width:700px; height:150px; background: url(image3.jpg); margin-top: 10px;}
.header3 {width:700px; height:25px; background: url(body_main_header.gif);margin-top: 10px;}
.menu {width:200px; height:455px; background-color:#C36212; font-family:Arial; color: white; float: left;}
.content {width:500px; height:455px; background-color:white; font-family:Arial; float: left;}
.footer {width:700px; height:25px; background: url(body_main_footer.gif); clear: both;}
body {background-color:black;}
 
 
a:link {color:white; text-decoration: none;display: block; padding-top: 10; font-weight: bold; margin: 4px;}
a:visited {color:white;}
a:hover {color:white;background-color:#DF3A01;}
a:active {color:white;}
 
.content p {font-family: Arial; font-size: 15px; margin-right: 10px; margin-top:5; margin-left:10px;}
.content a {font-family: Arial;font-size: 15px; color: purple; text-decoration: underline;background-color:transparent;margin-left:10px;}
.picture {float:left; width: 480px; height: 434px;}
.text {overflow-y: scroll; float:left; width: 500px; height:445px; text-align: left;margin:10px 10px 10px 10px;}
 
h2{color:#CC3333;}
h3{color:#CC3333;}
</style>
</head>
<body>
<p>Пример с Alert. Будет выведено всплывающие сообщение</p>
    <script type='text/javascript'>
        alert('Hello, World!');
    </script>
    <br/>
    <p>Нажмите на ссылку:</p>
    <a href="" onclick="return confirm('Перейти по ссылке?');">Ссылка</a>
<div class=data>
</div>
<div class=container>
<div class=header></div>
<div class=header2></div>
<div class=header3></div>
 
<div class=menu>
<a href=file:///C:/Users/%D0%AE%D0%B7%D0%B5%D1%80/Desktop/laba_7_verona/laba_7(verona)/laba6.html>Главная</a>
<a href=file:///G:/%D0%B2%D0%B5%D0%B1%20%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD%20%D0%BB%D0%B0%D0%B1%D1%8B/class%207/class%207.html>Меню</a>
<a href=file:///C:/Users/%D0%AE%D0%B7%D0%B5%D1%80/Desktop/laba_7_verona/laba_7(verona)/place.html>Контакты</a>
</div>
<div class=content>
 
<div class=text>
<div class=picture>
 
 
<h3>Заказ столика</h3>
<p>Столик можно заказать по телефону 222-22-22 за 2 часа до приезда. Для того, чтобы сделать заказ, необходимо назвать фамилию и время, на которое вы желаете заказать стол. Также необходимо сообщить контактный телефон.
</p>
<h2>Местоположение</h2>
<img src=file:///G:/images/map.gif></div></div>
<div class=footer></div></div>
 
 
</div>
</body>
</html>

@TinSemenova · 20.11.2017, 10:41

Здравствуйте!

Вот Ваш код.

HTML5
1
2
3
4
5
<img src=file:///G:/images/map.gif></div></div>
<div class=footer></div></div>
 
 
</div>

Блок footer надо разместить перед последним закрывающим </div>

HTML5
1
2
3
4
5
6
<img src=file:///G:/images/map.gif></div></div>
</div>
<div class=footer></div>
 
 
</div>

@Freeze_Breeze · 20.11.2017, 12:44

Miliyana, а еще лучше будет если Вы футер сделаете отдельной секцией используя при этом тег <footer></footer>

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь 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. На борту пять. . .	Камера 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. Пошагово создадим проект для загрузки изображения. . .

@Freeze_Breeze 278 / 272 / 106 Регистрация: 12.01.2016 Сообщений: 1,666
	20.11.2017, 12:44
	Miliyana, а еще лучше будет если Вы футер сделаете отдельной секцией используя при этом тег `<footer></footer>` 0