Неправильное отображение блока

@Diwate · Регистрация: 20.04.2015

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

Не могу сместить блок с копирайтом вниз по центру. Благодарю за помощь!
Вот код в онлайн редакторе:http://codepen.io/anon/pen/ZbXOKB

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
<!DOCTYPE HTML>
<html lang="en-US">
    <head>
        <meta charset="UTF-8">
        <title>Шаблон №1</title>
        <style>
            body {
            background: #c7b39b url(images/city.jpg); /* Цвет фона и путь к файлу */
            color: #fff; /* Цвет текста */
            }
            .main{
            float:left;
            weight:800px;
            height:450px;
            background-color:#19C559;
            margin:auto;
            }
            .best{
            float:left;
            }
            .best ul li{
            margin-left:5px;
            }
            .foot{
            margin:auto;
            background-color:#19C559;
            weight:800px;
            height:50px;
            }
            .foot p{
            margin:auto;
            padding:40px;
            botton:20px;
            }
        </style>
    </head>
    <body>
        <div class="main">
            <center><h1>Audi A-8</h1></center>
            <img width="500" height="320" src="images/A8.jpg" align="left"/>
            <p><b>Audi A8</b> — высококомфортный скоростной седан представительского класса, флагман модельного ряда Audi. Впервые был показана в феврале 1994. Автомобиль с передним или полным (quattro) приводом, несущим кузовом из алюминиевого сплава, изготовленного по технологии «пространственная рама» имеет богатое оснащение на основе электроники и современных технологий.</p>
            <p>Полноприводная модификация 2.8 quattro вышла в 1995. В июне того же года устанавливается новый двигатель 3,7 V8. В январе 1996 года появляется двигатель 2,8 V6 30 клапанов (193 л.с.).</p>
            <hr>
            <center>Основные преимущества автомобиля</center>
            <div class="best">
                <ul>
                    <li> Специальные цены для клиентов, попадающих под действие программы дипломатических продаж.</li>
                
                    <li> Автомобили, адаптированные к условиям следующей страны вашего пребывания.</li>
                
                    <li> Помощь в прохождении таможенных процедур.</li>
                
                    <li> Персональный менеджер.</li>
                
                    <li>Боковые подушки безопасности Sideguard® обеспечивают безопасность по периметру окон.</li>
                
                </ul>
                
            </div>
            <div class= "foot">
        <p> &copy; Audi V. 2015 <p>
            </div>
        </div>
        
        
        
    </body>
</html>

@Kven-M · 14.10.2015, 17:05

Добавьте в стили следующий класс:

CSS
1
2
3
.clr {
clear:both;
}

И сделайте еще один див с классом описанным выше, и поставьте его перед началом блока с классом foot.

HTML5
1
2
3
4
<div class="clr"></div>
<div class= "foot">
<p> &copy; Audi V. 2015 <p>
</div>

Новые блоги и статьи Все статьи Все блоги /
Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .	Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .	Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизита табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита "ПричинаСписания". . .
wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .	Вывод данных в справочнике через динамический список Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .	Программное заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .