Привет! У меня тут такой вопрос: я хочу сделать на своем сайте верхнее фиксированое меню как на сайте vk, то сеть, чтобы при смене масштаба меню все еще было видимо и элементы не меняли свое место, поэтому я сделал ширину блока на весь экран, то есть width: 7000px. Я разместил текст посередине блока (text-align: center), но когда я указал позицию блока position: fixed, то экран сместился налево, а не на середину, где собственно и был текст. Как мне сделать так, чтобы экран направлялся на середину, а не налево? Надеюсь что вы меня поняли, буду очень благодарен если поможете. Вот мой код css: div{ position: fixed; width: 6723px; left: -5px; top: -10px; background-color: #00C800; text-align: center; height: 100px; } html: текст
только пояснить бы не мешало, что margin процент идет не от ширины сдвигающегося блока, а от ширины родительского блока. Тут совпало, что 25% именно половинка двигающегося блока, потому что его ширина 50% родительского. Свободного место в родительском 50%, на эти 50/2% и смещается
Респект автору!
Дружище спасибо.
у блока absolite top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%) и ничего считать не надо...
Друг мой, спасибо вам огромное!
спасибо что помог!
Спасибо, очень помог!
Спасибо, сработало
Спасибо.
кратко и ясно
Привет! У меня тут такой вопрос: я хочу сделать на своем сайте верхнее фиксированое меню как на сайте vk, то сеть, чтобы при смене масштаба меню все еще было видимо и элементы не меняли свое место, поэтому я сделал ширину блока на весь экран, то есть width: 7000px. Я разместил текст посередине блока (text-align: center), но когда я указал позицию блока position: fixed, то экран сместился налево, а не на середину, где собственно и был текст. Как мне сделать так, чтобы экран направлялся на середину, а не налево? Надеюсь что вы меня поняли, буду очень благодарен если поможете. Вот мой код css:
div{
position: fixed;
width: 6723px;
left: -5px;
top: -10px;
background-color: #00C800;
text-align: center;
height: 100px;
}
html:
текст
а если ширина блоков разная? ..
только пояснить бы не мешало, что margin процент идет не от ширины сдвигающегося блока, а от ширины родительского блока. Тут совпало, что 25% именно половинка двигающегося блока, потому что его ширина 50% родительского. Свободного место в родительском 50%, на эти 50/2% и смещается
Лучше бы показал как текст внутри дива выроанять