Позиционирование элементов сайта при смене разрешения

@Zeferot · Регистрация: 01.11.2012

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

Ребят, возникла такая проблема. Продолжаю ковырять свой сайт и столкнулся с проблемой позиционирования элементов. Размеры некоторых элементов указываю в %, а некоторых в рх. С одной стороны логично всё указывать в % и тогда по идее при смене разрешения проблем возникать недолжно, но при указании размеров в % некоторые элементы ведут себя некорректно и приходится всё же прописывать для них размер в рх. Можно ли как-то сделать что бы сайт при разных разрешениях отображался как указано в коде в размерах , просто добовлялись бы автоматом в браузере полоски скролинга, а не пыталось бы всё переиначится под конкретное разрешение, а то элементы которые указаны в % нормально выглядят, а те что в рх соответственно нет. Надеюсь понятно изложил =)

@aspirisen · 05.05.2013, 02:17

Всего не предусмотреть. Я делаю следующим образом, указываю у body минимальную и максимальную ширину, разбиваю сайт на основные части типа header, menu, leftSide, content, rightSide, footer указываю их позиционирование и размеры в процентах, а потом элементы которые внутри них указываю как relative и тоже можно уже указывать в % или в px. Мне кажется при таком варианте будет получше

@Zeferot · 07.05.2013, 00:09 **[ТС]**

Спасибо, попробую.

Новые блоги и статьи Все статьи Все блоги /
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, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .

@Zeferot 1 / 1 / 0 Регистрация: 01.11.2012 Сообщений: 31

	Позиционирование элементов сайта при смене разрешения 03.05.2013, 00:40. Показов 3497. Ответов 2 Метки нет (Все метки) Ребят, возникла такая проблема. Продолжаю ковырять свой сайт и столкнулся с проблемой позиционирования элементов. Размеры некоторых элементов указываю в %, а некоторых в рх. С одной стороны логично всё указывать в % и тогда по идее при смене разрешения проблем возникать недолжно, но при указании размеров в % некоторые элементы ведут себя некорректно и приходится всё же прописывать для них размер в рх. Можно ли как-то сделать что бы сайт при разных разрешениях отображался как указано в коде в размерах , просто добовлялись бы автоматом в браузере полоски скролинга, а не пыталось бы всё переиначится под конкретное разрешение, а то элементы которые указаны в % нормально выглядят, а те что в рх соответственно нет. Надеюсь понятно изложил =) 0

@aspirisen 16 / 16 / 8 Регистрация: 27.12.2012 Сообщений: 103 Записей в блоге: 1
	05.05.2013, 02:17
	Всего не предусмотреть. Я делаю следующим образом, указываю у body минимальную и максимальную ширину, разбиваю сайт на основные части типа header, menu, leftSide, content, rightSide, footer указываю их позиционирование и размеры в процентах, а потом элементы которые внутри них указываю как relative и тоже можно уже указывать в % или в px. Мне кажется при таком варианте будет получше 1

@Zeferot 1 / 1 / 0 Регистрация: 01.11.2012 Сообщений: 31
	07.05.2013, 00:09 [ТС]
	Спасибо, попробую. 0