Как зафиксировать fixed

__PION__ · Регистрация: 21.07.2010

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

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

Dmitry · 28.11.2013, 03:47

z-index не?

__PION__ · 28.11.2013, 04:15 **[ТС]**

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

z-index не?

не знаю, вроде информер выше всех. он просто меняет расстояние от правого края при изменении размера браузера. а мне надо чтобы он стоял на одном месте в любом случае.
Верстка фиксированная - 970px

@Razgibatel · 28.11.2013, 20:11

в стиле

HTML5
1
2
3
4
position: fixed;
*указать положение например
top: 10;
right: 10;

__PION__ · 28.11.2013, 23:34 **[ТС]**

Razgibatel, не работает так. Когда на весь экран, то все ок, а если уменьшить окно браузера, то right еще больше сдвигается. Как-будто он берет начало не с края фиксированного главного div'a, а с края браузера

@Razgibatel · 29.11.2013, 00:05

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

Razgibatel, не работает так. Когда на весь экран, то все ок, а если уменьшить окно браузера, то right еще больше сдвигается. Как-будто он берет начало не с края фиксированного главного div'a, а с края браузера

тогда попробуй float: right;

Новые блоги и статьи Все статьи Все блоги /
Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .
Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .

__PION__ 960 / 801 / 85 Регистрация: 21.07.2010 Сообщений: 3,522

	Как зафиксировать fixed 28.11.2013, 03:43. Показов 1484. Ответов 5 Метки нет (Все метки) Как сделать чтобы зафиксированный элемент был в одном положении при любом размере браузера? Когда браузер на весь экран всплывающий информер корзины в нужном месте, а если я браузер сожму, то информер тоже перемещается. Главный див у меня в позиции relative, сам информер в позиции fixed, ставил внутри главного блока, так и вне его, ничего не меняется. Во всех браузерах так. Как решить? 0

Dmitry 13440 / 7534 / 830 Регистрация: 09.09.2009 Сообщений: 29,554
	28.11.2013, 03:47
	z-index не? 0

__PION__ 960 / 801 / 85 Регистрация: 21.07.2010 Сообщений: 3,522
	28.11.2013, 23:34 [ТС]
	Razgibatel, не работает так. Когда на весь экран, то все ок, а если уменьшить окно браузера, то right еще больше сдвигается. Как-будто он берет начало не с края фиксированного главного div'a, а с края браузера 0