Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.75/4: Рейтинг темы: голосов - 4, средняя оценка - 4.75
 Аватар для sash
89 / 87 / 49
Регистрация: 09.10.2014
Сообщений: 571

Позиционирование блока

23.10.2014, 20:04. Показов 769. Ответов 6
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Помогите, пожалуйста.. Хочу спозиционировать блок с position:fixed так, чтобы он на разных мониторах был в нужном месте

JavaScript
1
2
3
4
5
6
7
8
9
10
11
function jozh_resize(){
var page_h = $("html").width();
var left=((page_h)-1280)/2;
$('#misha').css({
    'position':'fixed',
'left':left,
'bottom':10
});
}
// вызываем функцию
jozh_resize();
З.Ы. Я начинающий совсем
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
23.10.2014, 20:04
Ответы с готовыми решениями:

Позиционирование блока
Всем привет. Помогите,пожалуйста решить такую проблему: У меня есть следующий блок(код ниже).т.е.в блоке с id="div009"( с...

Позиционирование фиксированного блока
На странице есть фиксированный блок (соц. иконки), на планшетах наезжает на footer. Можно ли как-то остановить его на границе футера? ...

позиционирование внутри блока перетягиванием
Всем доброго времени суток! разбираюсь с javascript-ингом. Имею страницу, внутри которой блок div подстраиваемый под ширину окна....

6
 Аватар для Lazy_Den
3325 / 2845 / 1423
Регистрация: 15.01.2014
Сообщений: 6,170
23.10.2014, 20:22
Цитата Сообщение от sash Посмотреть сообщение
разных мониторах был в нужном месте
В нужном - это в одном и том же или на разных мониторах у него должно быть своё место?
0
 Аватар для sash
89 / 87 / 49
Регистрация: 09.10.2014
Сообщений: 571
23.10.2014, 20:38  [ТС]
Привет))) допустим, у меня монитор 1280х1080 а у кого-то 1800 там ширина.. и я хочу чтоб блок этот маленькиц стоял слева внизу основного контента как у меня он стоит а не слева если больше монитор
0
 Аватар для Lazy_Den
3325 / 2845 / 1423
Регистрация: 15.01.2014
Сообщений: 6,170
23.10.2014, 20:43
Цитата Сообщение от sash Посмотреть сообщение
чтоб блок ... стоял слева внизу ..., а не слева если больше монитор
Хм... Задачка, однако )) Ну, да ладно. Если элемент с фиксированным позиционированием, то он всегда будет находится в одном и том же месте, относительно окна браузера. Если вам нужно, чтобы элемент был относительно родительского блока (с контентом, как у вас), то ему нужно установить абсолютное позиционирование, а родительскому элементу - позиционирование относительное (relative).
1
 Аватар для sash
89 / 87 / 49
Регистрация: 09.10.2014
Сообщений: 571
23.10.2014, 21:01  [ТС]
а как насчёт рассчитать на jquery)) вроде бы должно работать.. (ширина экрана минус ширина контента)делим на 2 и получаем левый отступ.. может я где-то скобку проморгал или что, не пойму
0
 Аватар для Lazy_Den
3325 / 2845 / 1423
Регистрация: 15.01.2014
Сообщений: 6,170
23.10.2014, 21:05
sash, by the way, для случаев, подобных вашему, существуют медиа-запросы. Можете глянуть примерчик. Изменяйте ширину фрейма, где уже идёт вывод результата.

Добавлено через 3 минуты
Цитата Сообщение от sash Посмотреть сообщение
может я где-то скобку проморгал или что, не пойму
Синтаксических ошибок нет, а возможно, что формула расчета составлена не правильно или вы не учли каких-то моментов.
1
 Аватар для sash
89 / 87 / 49
Регистрация: 09.10.2014
Сообщений: 571
23.10.2014, 21:37  [ТС]
Цитата Сообщение от Lazy_Den Посмотреть сообщение
существуют медиа-запросы.
даже и не знал что такое есть) css3 - сила! буду разбираться..

Добавлено через 15 минут
Да оно и работает, оказывается))) а я Петя изменяю масштаб и хочу увидеть результат
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
23.10.2014, 21:37
Помогаю со студенческими работами здесь

Исчезание блока header или div с class,id (header) при скроллинге и фиксация блока навигации
Есть несколько реализаций данного кода. Только вот не всё работает так как нужно. Стоит такая задача, нужно, чтобы два блока с начала...

SlideToggle() отключить событие для блока внутри блока с .slideToggle()
У меня есть такой скрипт: $(".cl_item").click(function() { $(this).children(".cli_popup").slideToggle(); }); В...

позиционирование
изменяю позиционирование картинки при прокрутке if ( $( '.banner-single' ).length ) { banner = $( '.banner-single'...

Позиционирование jQuery
Есть блог на wordpres. Изменять можно только CSS и вставлять код через плагин JavaScript HTML adder. Собственно с помощью этого плагина я и...

Позиционирование формы
Все доброго дня, в ходе написания скрипта объявилась проблема. Есть форма создана средствами Jquery%$('body').prepend('<form...


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

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Новые блоги и статьи
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
Влияние грибов на сукцессию
anaschu 26.01.2026
Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью 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, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru