Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.87/15: Рейтинг темы: голосов - 15, средняя оценка - 4.87
0 / 0 / 1
Регистрация: 17.04.2016
Сообщений: 77

Выравнивание фиксированного меню по центру страницы

17.07.2016, 20:20. Показов 3224. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Коллеги, добрый день.

Подскажите, как выравнять блок MENU по центру в ниже представленном коде.
Спасибо.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Фиксированное меню</title>
  <style>
   .menu {
    /*  float: center; */
    /* left: ctnter;  Расстояние от правого края окна браузера */
    top: 0%; /* Расстояние сверху */
    padding: 10px; /* Поля вокруг текста */ 
    background: #ffe; /* Цвет фона */ 
    border: 1px solid #333; /* Параметры рамки */ 
    width: 990px;
    text-align: right;
    z-index: 1000;
    margin:0 auto;
    position: fixed; /* Фиксированное положение */
   }
   .text {
    height: 40px;
   }
  </style>
 </head>
 <body>
 <center>
  <div class="menu">Меню</div>
  <div class="text"></div>
 
    <form action="<? echo $_SERVER['PHP_SELF'] ?>" enctype="multipart/form-data" method="POST">
    <table cellpadding="10" border="1" width=990px;>
    <tr><td><input type="hidden" name="max_file_size" value="10485759">Выберите файл для обработки: <input type="file" name="uplfile"  value="<? echo $_FILES['uplfile']['name']; ?>"></td></tr>
    <tr><td><input type="submit" name="buttenc" value="Отправить"></input>&nbsp&nbsp&nbsp<input type="submit" name="buttdec" value="Получить"></input></td></tr>
    <tr><td><b>Результат последнего действия:</b><br><br><? if ($_SESSION['err']) echo '<font color=red><b>'.$_SESSION['err'].'</b></font>'; ?></td></tr>
    </table>
 </center>
 </body> 
</HTML>
0
Лучшие ответы (1)
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
17.07.2016, 20:20
Ответы с готовыми решениями:

Выравнивание меню по центру
Приветствую, есть менюшка, подскажите как правильно разместить по центру внутри div. И возможно ли, что бы уменьшении зума ссылки не...

DIV Выравнивание по центру страницы
Задумка такая: есть div шириной во всю страницу, с фиксированной высотой.. В него вложено 3 квадрата, размеры фиксированы.. Когда страницу...

Выравнивание горизонтального меню по центру
Всем доброго времени суток! Как красиво сделать меню навигации? Для примера взял сайт http://abduzeedo.com/ Мой блочный элемент ul не...

4
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
17.07.2016, 20:24
Лучший ответ Сообщение было отмечено n1056 как решение

Решение

n1056, уберите position:fixed... Этот вариант, если меню должно быть всё таки фиксированным:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
 <html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Фиксированное меню</title>
  <style>
   .menu {
    /*  float: center; */
    /* left: ctnter;  Расстояние от правого края окна браузера */
    top: 0; /* Расстояние сверху */
    left:0;
    right:0;
    padding: 10px; /* Поля вокруг текста */ 
    background: #ffe; /* Цвет фона */ 
    border: 1px solid #333; /* Параметры рамки */ 
    width: 990px;
    text-align: right;
    z-index: 1000;
    margin:0 auto;
    position: fixed; /* Фиксированное положение */
    border:1px solid red
   }
   .text {
    height: 40px;
   }
  </style>
 </head>
 <body>
 <center>
  <div class="menu">Меню</div>
  <div class="text"></div>
 
    <form action="<? echo $_SERVER['PHP_SELF'] ?>" enctype="multipart/form-data" method="POST">
    <table cellpadding="10" border="1" width=990px;>
    <tr><td><input type="hidden" name="max_file_size" value="10485759">Выберите файл для обработки: <input type="file" name="uplfile"  value="<? echo $_FILES['uplfile']['name']; ?>"></td></tr>
    <tr><td><input type="submit" name="buttenc" value="Отправить"></input>&nbsp&nbsp&nbsp<input type="submit" name="buttdec" value="Получить"></input></td></tr>
    <tr><td><b>Результат последнего действия:</b><br><br><? if ($_SESSION['err']) echo '<font color=red><b>'.$_SESSION['err'].'</b></font>'; ?></td></tr>
    </table>
 </center>
 </body> 
</HTML>
1
0 / 0 / 1
Регистрация: 17.04.2016
Сообщений: 77
17.07.2016, 20:28  [ТС]
Fedor92,
Согласен, но не подходит. Весь смысл в том, что панель закреплена. Но нужно что бы она была по центру.
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
17.07.2016, 20:32
n1056, читайте предыдущий мой пост до конца...
1
0 / 0 / 1
Регистрация: 17.04.2016
Сообщений: 77
17.07.2016, 20:39  [ТС]
Fedor92,
Прошу прощения. Спасибо!
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
17.07.2016, 20:39
Помогаю со студенческими работами здесь

Выравнивание динамической формы по центру страницы
Нужно сделать динамически изменяющийся блок, который всегда будет отображаться в центре страницы, внутри которого находится следующая...

Bootstrap и выравнивание контента страницы по центру экрана
Всем привет. Как сделать так, чтобы заголовок страницы был всегда прикреплён к верху страницы, а на оставшейся части экрана контент бы...

Выравнивание меню по центру в IE - не работает ни в одной версии ишачка
Доброго всем времени суток. Пациент http://systegra.zakaz-saita.com Проблема: верхнее меню во всех браузерах, кроме любой версии...

Как сделать меню по центру страницы?
Помогите сделать меню по центру, спасибо) .header-menu { background:#fff; height: 50px; width: 100%; border-bottom: 1px...

Сделать главное меню по центру страницы
Необходимо сдвинуть главное меню вправо, чтоб оно встало по центру, здесь


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru