Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.86/7: Рейтинг темы: голосов - 7, средняя оценка - 4.86
38 / 38 / 2
Регистрация: 13.06.2012
Сообщений: 650

Выставить блок по центру страницы

27.05.2013, 18:12. Показов 1521. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Имеется маленький блок, блок нужно выставить по центру страницы. Именно со всех сторон (справа, слева, снизу, сверху). Пока что это получилось только так. Как правильнее в данном случае? Код написал так
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css.css">
<title>Верстка сайта</title>
</head>
<body>
<div id="container">
</div>
 
 
</body>
</html>
CSS
1
2
3
4
5
6
7
#container {
border: 1px solid #0000AE;
width: 696px;
height: 560px;
margin: 5% auto;
 
}
Правильно ли я делаю?
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
27.05.2013, 18:12
Ответы с готовыми решениями:

Блок по центру страницы
Нужно было выровнять блок по центру экрана. Впрочем, после минуты поиска решение было найдено достаточно быстро. ...

Как расположить блок веб-страницы по центру
Исходный код соответственно.Помогите плиз. Все в интернете перелазила и перепробывала. &lt;!DOCTYPE html&gt; &lt;html&gt; ...

Блок с высотой и шириной в процентах по центру web-страницы
Здравствуйте! Подскажите пожалуйста, что я делаю не так? Пытаюсь разместить слой &quot;wrapper&quot; по центру веб страницы. Ширина и...

2
3 / 3 / 1
Регистрация: 15.04.2013
Сообщений: 16
27.05.2013, 22:56
css правильно, только обратите внимание на указание кодировки, правильно в вашем случае будет так:
HTML5
1
<meta charset="utf-8">
а вы написали не по указанному вами стандарту
1
38 / 38 / 2
Регистрация: 13.06.2012
Сообщений: 650
27.05.2013, 23:01  [ТС]
Да, немного ошибся.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
27.05.2013, 23:01
Помогаю со студенческими работами здесь

Расположить левый блок по центру страницы, а правый справа от него
Пока получилось только так &lt;div&gt; &lt;div class=&quot;okno&quot;&gt; 213 &lt;/div&gt; &lt;div class=&quot;avtoriz&quot;&gt; 123 &lt;/div&gt; ...

Выставить блоки DIV по центру
Я выставил блоки по гоизонтали div используя float:left всё нормально, при сужение блоки уходят в низ , но есть немного негативчик, блок...

Выставить div вертикально по центру
Подскажите, как выставить div вертикально по центру? Вроде прописал vertical-align: middle; но не работает ...

CSS: Как выставить по центру
Подскажите как выставить по центру меню? h1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; ...

Как выставить слой по центру не только по горизонтали но и по вертикали?
использую метод margin:auto в сочетании с relative - только он дает правильную реакцию при уменьшении окна браузера. но! у меня позиция...


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

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д.
8Observer8 25.01.2026
Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf
8Observer8 25.01.2026
Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly
8Observer8 24.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы
anaschu 24.01.2026
Решили писать научную статью с неким РОманом
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru