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

[leeroykahikki]

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

 

[Alex_Vasiliev]

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;
}

Как итог всё по центру и внизу ТЫК
И как меняй не меняй разрешения, все равно будет внизу и по центру

 

[leeroykahikki]

Alex_Vasiliev написал(а):

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;
}

Как итог всё по центру и внизу ТЫК
И как меняй не меняй разрешения, все равно будет внизу и по центру

Нажмите для раскрытия...

Большое спасибо за помощь! Если честно, то даже не знаю радоваться или нет, что всё заработало, так как я потратил на это часа два и самое смешное в том, что в какой то момент я ввёл, если не путаю, аналогичный код, но в тот раз не сработало, у меня сейчас аж пригорает с этого)

 

[Alex_Vasiliev]

бывает