Вопрос Позиционирование элементов

leeroykahikki

Новый участник
Автор темы
2
0
3
Добрый день.
Решил попробовать написать пару скриптов для RAGE'а, до этого писал простенькие сайты, но я совершенно не могу понять как именно нужно позиционировать html элементы при помощи CSS в ГТА. Например, сейчас мне нужно сделать элемент снизу и по центру экрана, но я без понятия как это сделать, чтобы это к тому же работало нормально не только на моём разрешении экрана.
Если есть ресурсы с гайдами по этому, то, пожалуйста, скиньте.
 

Alex_Vasiliev

Активный участник
high coder
26
12
32
HTML:
<div class="element">
    <p>Тут что то</p>
</div>
CSS:
.element {
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 10vh;
    background: #a20000;
    padding: 1vh;
    color: #fff;
}
.element p {
    text-align: center;
    font-size: 1.5vh;
}
Как итог всё по центру и внизу ТЫК
И как меняй не меняй разрешения, все равно будет внизу и по центру
 
  • Like
Реакции: leeroykahikki

leeroykahikki

Новый участник
Автор темы
2
0
3
HTML:
<div class="element">
    <p>Тут что то</p>
</div>
CSS:
.element {
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 10vh;
    background: #a20000;
    padding: 1vh;
    color: #fff;
}
.element p {
    text-align: center;
    font-size: 1.5vh;
}
Как итог всё по центру и внизу ТЫК
И как меняй не меняй разрешения, все равно будет внизу и по центру
Большое спасибо за помощь! Если честно, то даже не знаю радоваться или нет, что всё заработало, так как я потратил на это часа два и самое смешное в том, что в какой то момент я ввёл, если не путаю, аналогичный код, но в тот раз не сработало, у меня сейчас аж пригорает с этого)