Свойство margin не срабатывает в FireFox

@Alhena · Регистрация: 05.03.2013

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

Что может быть, если свойство margin-right не срабатывает в Файр Фоксе? В Опере и Гугл Хроме все работает.
Margin-right задано не конкретно в файле style.css. Сначала в index.php в JS высчитывается, а потом там же присваивается. После этих манипуляций я написала alert, чтоб посмотреть в чем дело. Опера и Гугл Хром показывают правильное количество пикселей, а Файр Фокс выдает 0.
Вот код:

CSS
1
2
3
4
5
6
7
#g_menu{
    height: 65px;
    float: right;
    position: absolute;
    top: 0;
    right: 0;
}

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
            var width_of_main_content = $('#main_content').width();
            var half_width_of_main_content = width_of_main_content / 2;
            var width_of_g_menu = $('#g_menu').width();
            var half_width_of_g_menu = width_of_g_menu / 2;
            var padding_of_main_content = $('#main_content').css("padding");
            
            padding_of_main_content = parseInt(padding_of_main_content);
            var margin_right_of_g_menu = half_width_of_main_content - half_width_of_g_menu + padding_of_main_content + 1;
 
            $('#g_menu').css("margin-right", margin_right_of_g_menu+"px");
 
            var a = $('#g_menu').css("margin-right");
            alert(a);

Если закомментировать

CSS
1
2
3
    position: absolute;
    top: 0;
    right: 0;

то результат не меняется.
P.S. Смысл в том, чтобы отобразить div #g_menu по центру div'а #main_content. Может есть другой вариант, как это сделать, например, через функции JS или JQwery или PHP?

@IncSW · 21.03.2013, 00:26

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

Смысл в том, чтобы отобразить div #g_menu по центру div'а #main_content

А чем не угодил margin: 0 auto; для позиционирования по центру?

@Alhena · 21.03.2013, 13:29 **[ТС]**

IncSW, потому что мне не нужно, чтоб блок g_menu находился по центру страницы, мне нужно, чтоб он находился по центру относительно блока main_content.

Добавлено через 10 минут
Смысл в том, что в Файр Фоксе не срабатывает по ходу эта строка:

JavaScript
1
$('#g_menu').css("margin-right", margin_right_of_g_menu+"px");

пробовала делать так

JavaScript
1
$('#g_menu').css("right", margin_right_of_g_menu+"px");

и так

JavaScript
1
$('#g_menu').css("right", margin_right_of_g_menu);

Все равно не срабатывает.
Но если в CSS указать

CSS
1
right: 200;

то сдвигает, а если эту строку удалить, то

JavaScript
1
$('#g_menu').css("right", margin_right_of_g_menu);

не срабатывает.

@IncSW · 22.03.2013, 11:48

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

потому что мне не нужно, чтоб блок g_menu находился по центру страницы, мне нужно, чтоб он находился по центру относительно блока main_content

с каких пор margin: 0 auto; срабатывает не относительно родителя?

Можно так же сделать inline-block и от центровать его в родители через text-align:center.

Нечего лезть на таких вещах в жс.

@sheila · 22.03.2013, 14:47

Я сталкивалась с тем, что FF плохо понимает маржины, вычисляемые в процентном соотношении, думала, что у меня ошибка, потом об этом прочитала, такое есть. Еще вариант - маржин схлопывается

@Alhena · 22.03.2013, 15:55 **[ТС]**

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

с каких пор margin: 0 auto; срабатывает не относительно родителя?

main_content - не родитель. Он находится отдельно от g_menu (если точнее, то под ним). И объединять их не нужно.

sheila, alert выдает значение 0 у маржина в ФФ. И значение устанавливается не процентом, а числом. Просто прикол в том, что если установить значение непосредственно в цсс, то в ФФ все срабатывает. А если установить значение через JS, то ФФ не видит его.

@Alhena · 22.03.2013, 16:03 **[ТС]**

Вот примерно так должно быть (см. прикрепленную картинку). Желтый блок в ФФ отображается не так, а приклеенным к правой стороне синего блока. Он должен быть по центру относительно зеленого блока.

@Alhena · 22.03.2013, 16:36 **[ТС]**

Кстати, если написать так

JavaScript
1
$('#g_menu').css("margin-right", "111px");// или 111 или 10%

, то все в ФФ срабатывает
Получается, что значение переменной ФФ не видит, а конкретное значение видит.
Как быть?

@doxan · 25.03.2013, 21:36

Сделайте алерт на значение margin_right_of_g_menu Что у вас там хранится?

@Alhena · 26.03.2013, 10:26 **[ТС]**

doxan, Хранится число.

Новые блоги и статьи Все статьи Все блоги /
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а привычная функция main(). . .	моя боль 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 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/

@sheila 47 / 47 / 6 Регистрация: 10.05.2012 Сообщений: 236
	22.03.2013, 14:47
	Я сталкивалась с тем, что FF плохо понимает маржины, вычисляемые в процентном соотношении, думала, что у меня ошибка, потом об этом прочитала, такое есть. Еще вариант - маржин схлопывается 0

@Alhena 1 / 1 / 0 Регистрация: 05.03.2013 Сообщений: 57
	22.03.2013, 16:03 [ТС]
	Вот примерно так должно быть (см. прикрепленную картинку). Желтый блок в ФФ отображается не так, а приклеенным к правой стороне синего блока. Он должен быть по центру относительно зеленого блока. Миниатюры 0

@doxan 13 / 14 / 2 Регистрация: 16.02.2010 Сообщений: 99
	25.03.2013, 21:36
	Сделайте алерт на значение margin_right_of_g_menu Что у вас там хранится? 0

@Alhena 1 / 1 / 0 Регистрация: 05.03.2013 Сообщений: 57
	26.03.2013, 10:26 [ТС]
	doxan, Хранится число. 0