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

sdeef · 19.02.2017, 13: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>

Alex11223 · 19.02.2017, 15:26

Цитата:

Сообщение от sdeef

я сделал ширину блока на весь экран, то есть width: 7000px

хороший экран оО

Цитата:

Сообщение от sdeef

я хочу сделать на своем сайте верхнее фиксированное меню как на сайте vk

так и посмотрели бы как там сделано.

19.02.2017, 13:10	#1
sdeef Новичок Регистрация: 19.02.2017 Сообщений: 1 Репутация: 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>` Последний раз редактировалось Alex11223; 19.02.2017 в 14:07.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
как сделать код сайта когда кликаешь блок в блоке квадратики круги, правильный или не правильный ответ, понять как он работает и как определять где правильный ответ	bule	Помощь студентам	19	12.08.2016 11:05
Не могу разместить инпуты посередине шапки	Mik09	HTML и CSS	2	02.05.2016 20:08
Как расположить MessageBox посередине окна-владельца?	8Observer8	Win Api	9	23.01.2015 19:53
Что разместить на первой странице сайта?	Smitt&Wesson	Свободное общение	123	04.09.2013 18:46

Опции темы
Версия для печати Отправить по электронной почте