Как остановить масштабирование формы от фиксированного div? - PullRequest
0 голосов
/ 02 марта 2019

У меня есть div здесь с формой в нем, и, несмотря на то, что div установлен на фиксированный, форма внутри него не будет фиксироваться вообще и уменьшаться при его уменьшении при увеличении и уменьшении страницы (браузер).Я перепробовал все виды, например, установив style="position:fixed;" во встроенном css формы и скопировав стиль родительского div и поместив его во встроенный css формы, но он не работает.

enter image description here

enter image description here

<main role="main" class="mx-auto">
   {% load staticfiles %}

   <div style="position: fixed; width: 50%; height: 100%">
      <img src="{% static "img/shard.jpg" %}" style="object-fit: cover; object-position: 100% 0; width: 100%; height: 100%;"></img>
      <div style="background-color: white; padding: 0% 3% {% if messages %}1%{% else %}1.5%{% endif %}3%; width: 58%; position: fixed; right: 10%; top:30%; bottom:20%; box-shadow: 0 4px 16px -7px gray;">
         <form method="POST" class="" action="{% url 'users:login' %}">
            {% csrf_token %}
            <h1 class="h3 mb-3 font-weight-normal text-center" style="padding-top:3%">Login</h1>
            <input id="username" name="username" type="text" class="form-control" required placeholder=Username>
            <input id="password" name="password" type="password" class="form-control" required placeholder=Password>
            <button class="btn btn-sm btn-primary btn-block center-align" type="submit">Login</button>
         </form>
         <div class="center-align" style="padding-top:5px">
            <button class="btn btn-sm btn-primary btn-block" style="background-color: #151515;">Register</button>
         </div>

         <div style="padding-top:10px">
            {% if messages %}
               {% for message in messages %}
               <div class="alert alert-danger" role="alert">
                  {{ message }}
               </div>
               {% endfor %}
            {% endif %}
         </div>
      </div>
   </div>

</main>

Я просто хочу, чтобы это было исправлено с помощью div!(который не изменяет размер при масштабировании).

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