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