Как разместить блок посередине сайта?

sdeef · 19.02.2017, 13:05

Привет! У меня тут такой вопрос: я хочу сделать на своем сайте верхнее фиксированное меню как на сайте 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:
<body>
<div>
текст
</div>
</body>

AlexZir · 19.02.2017, 14:31

Оберните ваш код в еще один div, для него сделайте выравнивание по центру.

19.02.2017, 13:05	#1 (permalink)
sdeef Новичок Регистрация: 19.02.2017 Сообщений: 1 Сказал(а) спасибо: 0 Поблагодарили 0 раз(а) в 0 сообщениях Репутация: 10	Как разместить блок посередине сайта? Привет! У меня тут такой вопрос: я хочу сделать на своем сайте верхнее фиксированное меню как на сайте 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: <body> <div> текст </div> </body>

19.02.2017, 13:05
Helpmaster Member Регистрация: 08.03.2016 Сообщений: 0	Рекомендую вам потратить минутку и прочитать схожие обсуждения Табличка посередине экрана после обновления страницы Нестандартный DVD-RW для ноутбука с кнопкой посередине

19.02.2017, 14:31	#2 (permalink)
AlexZir support Регистрация: 19.08.2007 Адрес: Зея Сообщений: 15,797 Записей в дневнике: 71 Сказал(а) спасибо: 166 Поблагодарили 203 раз(а) в 86 сообщениях Репутация: 75760	Оберните ваш код в еще один div, для него сделайте выравнивание по центру.

Ads
Яндекс Member Регистрация: 31.10.2006 Сообщений: 40200 Записей в дневнике: 0 Сказал(а) спасибо: 0 Поблагодарили 0 раз(а) в 0 сообщениях Репутация: 55070