Не перемещается background в css

297

14 мая 2017, 22:11

@{ 
    Layout = null; 
} 
 
<!DOCTYPE html> 
 
<html> 
<head> 
    <meta name="viewport" content="width=device-width" /> 
    <title>Main</title> 
    <link href="~/CSS/MainStyle.css" rel="stylesheet" /> 
    <script src="~/CSS/Prolist.js"></script> 
</head> 
<body> 
 
    <div class="newbgr2"> 
         
    </div> 
 
    <div class="bgr">  
         
         
         
        <a class="button7" href="@Url.Action("Registration")">Авторизація</a> 
 
        <a class="button7" href="@Url.Action("Main", "Main")">Main Page</a> 
 
        <a class="button7" href="@Url.Action("Main", "Main")">Main Page</a> 
 
        <a class="button7" href="@Url.Action("Main", "Main")">Main Page</a> 
 
        <a class="button7" href="@Url.Action("Main", "Main")">Main Page</a> 
 
        <a class="button7" href="@Url.Action("Main", "Main")">Main Page</a> 
 
 
        
    </div> 
    
    
    <div class="newbgr"> 
 
        <a class="opacity"> 
            
            <p> 
                ПП"НВФ"ЄвроТел-Україна"<br> 
                 тел.роб.(0536)70-15-50<br> 
                 тел.роб.(0536)70-15-40<br> 
                 факс    (0536)74-01-11<br> 
                 моб.    (050)30-80-539<br> 
                         (067)53-18-539<br> 
            </p> 
            
             
            
            
            
        </a> 
    </div> 
    
</body> 
</html>

Проблема заключается в том что красный прямоугольник (приведены картинки) должен стать на пустое место, margin-bottom не помогает

[![

/*Код backgrounds*/ 
 
.bgr{ 
   
    margin-left:1135px; 
    background: blue; 
     
    width:15%; 
    height:83vh; 
     
    background-size:cover; 
} 
.newbgr2{ 
     
    background: red; 
    width:84%; 
    height:83vh; 
    background-size:cover; 
   } 
.newbgr{ 
   background: rgb(33,147,90); 
    width:100%; 
    height:17vh; 
    background-size:cover; 
 
[![введите сюда описание изображения][2]][2] 
 
}

][3]

Answer 1

Это то, чего нужно было добиться?

.wrapper { 
    display: flex; 
    flex-wrap: wrap; 
} 
.bgr{ 
    background: blue; 
    width:16%; 
    height:83vh; 
    background-size:cover; 
} 
.newbgr2{ 
    background: red; 
    width:84%; 
    height:83vh; 
    background-size:cover; 
   } 
.newbgr{ 
   background: rgb(33,147,90); 
   width:100%; 
   height:17vh; 
   background-size:cover; 
}

<div class="wrapper"> 
  <div class="newbgr2"></div> 
  <div class="bgr"><a href="@Url.Action(" class="button7">Авторизація</a><a href="@Url.Action(" class="button7">Main Page</a><a href="@Url.Action(" class="button7">Main Page</a><a href="@Url.Action(" class="button7">Main Page</a><a href="@Url.Action(" class="button7">Main Page</a><a href="@Url.Action(" class="button7">Main Page</a></div> 
  <div class="newbgr"><a class="opacity"> 
      <p>ПП"НВФ"ЄвроТел-Україна"<br/>                 тел.роб.(0536)70-15-50<br/>                 тел.роб.(0536)70-15-40<br/>                 факс    (0536)74-01-11<br/>                 моб.    (050)30-80-539<br/>                         (067)53-18-539<br/></p></a></div> 
</div>

Создание сайта для юридической фирмы в ABCname

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Как сделать выбор нескольких файлов за раз для загрузки со смартфона через форму

Сделал html форму с input multiple, на компе работает выбор нескольких файлов, а на андроиде только по 1 файлу

318

HTML

как создать такую фигуру на css3

343

HTML

Как в <input type=“file”/> отправить пустой файл

Есть код:

242

HTML

Почему не удается сместить таблицу вниз?

Здравствуйте, не удается сместить таблицу вниз, на 30 px Margin и padding не срабатываетРечь идет о проблеме при заходе с мобильного в горизонтальном...

294