У меня есть div 'html':
<div class="navigate-panel">
<ul class="Navigation-menu">
<p class="text-navigation-menu">Навигация</p>
</ul>
</div>
И я делаю его как панелькой 'css':
.navigate-panel{
width: 900px;
height: 330px;
background-color: #17181c;
margin: 50px auto;
}
И вроде бы панель отобразилась, именно по середине, то что мне нужно. Но, если я например нажму F12(Просмотр кода элемента), то у меня эта панель двигается в левую сторону. А мне это не нужно, так как у меня по верх это панели еще должны быть кое какие элементы. Они то стоят на месте, а вот она двигается. Я попробовал использовать 'position: obsalute', и осле этого она у меня передвигается вообще в непонятную сторону. И сделать её по середине не могу.
Можете подсказать что не так? Как зафиксировать эту панельку? И на будущие, как делать другие элементы в единый элемент? Т.е что бы другие позиционировали от родителя. (По моему локальная позиционирование). И что делать если пользователь будет открывать сайт с телефона? Я проверил, то там полный крындык.
margin: ... auto;
, то естественно, что блок центрируется. Также должны вести себя и остальные элементы, при нормальной вёрстке. В данном случае,position: obsalute
- зло.