Как центрировать сайт (фото)

@Ustim86 · Регистрация: 03.03.2020

Студворк — интернет-сервис помощи студентам

Здравствуйте. Такой вопрос, сайт: http://dom-sovetov.com.ua
Ставил шаблон не адаптирован под мобильную версию. Он выходил на 1/4 за грани мобильного и это очень не удобно.
Хочется конечно же мобильную версию, но пока он не приносит дохода, а моб версия наверное дорого. Пока решил подогнать под мобильные.
Подсказали поправить таким вариантом:

Добавить в main.tlp
1) <!DOCTYPE html>
2) в head <meta name="viewport" content="width=1170">
3) в body добавил стиль min-width: 1170px;
4) в all стиль width: 1170px;
--------

Получилось вывести под все мобильные. Но теперь он почему то на мониторах ПК уже не центрирован а липнет к левому краю. На скрине видно.

Подскажите что убрать/добавить чтобы он опять центрировался и остался адаптирован под все экраны как сейчас.

@CyberPaladin · 06.03.2020, 23:20

Ustim86, если без особых заморочек, поиграться с отступами, то так:

CSS
1
2
3
4
5
6
#all{
max-width: 100%;
width: 1170px;
margin: auto;
padding: 30px 0 10px 15px;
}

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

подогнать под мобильные

Ну, знаете, указывать в 2020 году ширину в пикселях и надеяться таким образом "подогнать под мобильные" - это плохой путь! Используйте для начала vw вместо px, ну в идеале нужны медиазапросы...

@novichek_1905 · 06.03.2020, 23:45

Ustim86,

CSS
1
2
3
#all {
    margin: 0 auto;
}

@Ustim86 · 07.03.2020, 00:36 **[ТС]**

novichek_1905,
Да, этого достаточно, спасибо, убрал лишнее)

@Ustim86 · 07.03.2020, 16:23 **[ТС]**

novichek_1905, Скажите, а ещё инспектор показывает восклицательные знаки здесь:
Это те строки с кодом нужно удалить?

novichek_1905,

@novichek_1905 · 07.03.2020, 16:30

можете удалить только meta doctype обязательно должен быть.

@Ustim86 · 07.03.2020, 17:18 **[ТС]**

novichek_1905, Удалил.
А тот DOCTYPE он ещё проблематичнее, сколько ошибок из-за него:

@novichek_1905 · 07.03.2020, 17:52

Ustim86, с чего вы решили что это из-за него? У вас проблема с кроссдоменными запросами.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .	SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .

@Ustim86 0 / 0 / 0 Регистрация: 03.03.2020 Сообщений: 63

	Как центрировать сайт (фото) 06.03.2020, 21:19. Показов 1532. Ответов 7 Метки нет (Все метки) Здравствуйте. Такой вопрос, сайт: http://dom-sovetov.com.ua Ставил шаблон не адаптирован под мобильную версию. Он выходил на 1/4 за грани мобильного и это очень не удобно. Хочется конечно же мобильную версию, но пока он не приносит дохода, а моб версия наверное дорого. Пока решил подогнать под мобильные. Подсказали поправить таким вариантом: Добавить в main.tlp 1) `<!DOCTYPE html>` 2) в head `<meta name="viewport" content="width=1170">` 3) в body добавил стиль `min-width: 1170px;` 4) в all стиль `width: 1170px;` -------- Получилось вывести под все мобильные. Но теперь он почему то на мониторах ПК уже не центрирован а липнет к левому краю. На скрине видно. Подскажите что убрать/добавить чтобы он опять центрировался и остался адаптирован под все экраны как сейчас. 0

@Ustim86 0 / 0 / 0 Регистрация: 03.03.2020 Сообщений: 63
	07.03.2020, 00:36 [ТС]
	novichek_1905, Да, этого достаточно, спасибо, убрал лишнее) 0

@Ustim86 0 / 0 / 0 Регистрация: 03.03.2020 Сообщений: 63
	07.03.2020, 16:23 [ТС]
	novichek_1905, Скажите, а ещё инспектор показывает восклицательные знаки здесь: Это те строки с кодом нужно удалить? novichek_1905, 0

@novichek_1905 469 / 334 / 144 Регистрация: 16.02.2018 Сообщений: 930
	07.03.2020, 16:30
	можете удалить только meta doctype обязательно должен быть. 0

@Ustim86 0 / 0 / 0 Регистрация: 03.03.2020 Сообщений: 63
	07.03.2020, 17:18 [ТС]
	novichek_1905, Удалил. А тот DOCTYPE он ещё проблематичнее, сколько ошибок из-за него: 0

@novichek_1905 469 / 334 / 144 Регистрация: 16.02.2018 Сообщений: 930
	07.03.2020, 17:52
	Ustim86, с чего вы решили что это из-за него? У вас проблема с кроссдоменными запросами. 0

Как центрировать сайт (фото)

Решение