• B правой части каждого сообщения есть стрелки и . Не стесняйтесь оценивать ответы. Чтобы автору вопроса закрыть свой тикет, надо выбрать лучший ответ. Просто нажмите значок в правой части сообщения.

  • Курсы Академии Кодебай, стартующие в мае - июне, от команды The Codeby

    1. Цифровая криминалистика и реагирование на инциденты
    2. ОС Linux (DFIR) Старт: 16 мая
    3. Анализ фишинговых атак Старт: 16 мая Устройства для тестирования на проникновение Старт: 16 мая

    Скидки до 10%

    Полный список ближайших курсов ...

Помогите найти ошибку HTML/CSS

Alecs_2101

Member
21.01.2021
17
0
BIT
0
ВОТ КОД!


Код:
<! DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>title</title>
        <style>
            div.wszystko{
            width:100%;
            height:100%;
            background-color:yellow;

            }
            #gora{
            width:90%;
            height:40%;
            background-color: green;
            margin-right:auto;
            margin-left:auto;
            padding:auto;
            margin-top:20px;

            }
            #g1{
            float:left;
            width:25%;
            height:90%;
            background-color:red;
            margin:20px 80px;

            }
            #g2 {
            float:left;
            width:25%;
            height:90%;
            background-color:red;
            margin:20px 80px;
            }
            #g3{
            float:left;
            width:25%;
            height:90%;
            background-color:red;
            margin:20px 80px;

            }
            div.dol{
            width:90%;
            height:55%;
            background-color:blue;
            margin-right:auto;
            margin-left:auto;
            padding:auto;
            margin-top:50px;
            }



        </style>
</head>
<body>
    <div class="wszystko">
        <div id="gora">
            <div id="g1">
            </div>
            <div id="g2">
            </div>
            <div id="g3">
            </div>
        </div>   

        <div class="dol">
            <div class="dolsredni">
            </div>
            <div class="dolsredni">
                <div class="dolprawymaly">
                </div>
                <div class="dolprawymaly">
                </div>
                <div class="dolprawymaly">
                </div>
            </div>
        </div>
    </div>

    
</body>
</html>

КАК ПОЛУЧИСЛОСЬ
Форум.png




КАК ДОЛЖНО получиться!

5481ce30-ff33-4add-97dd-e196945e021c.jpg
 

explorer

Platinum
05.08.2018
1 080
2 474
BIT
0
Легко решается, у всех трёх div напишите margin: 20px 4%; и в #gora width: 89%; - и всё заработает
Кроме этого у вас есть ошибка - padding: auto; смело удаляйте это везде, так как это нерабочий код
 

Alecs_2101

Member
21.01.2021
17
0
BIT
0
Легко решается, у всех трёх div напишите margin: 20px 4%; и в #gora width: 89%; - и всё заработает
Кроме этого у вас есть ошибка - padding: auto; смело удаляйте это везде, так как это нерабочий код
Спасибо большое. Действительно помогло.
 
Мы в соцсетях:

Обучение наступательной кибербезопасности в игровой форме. Начать игру!